.Caltrate {
		background: #fff url(../../images/work/caltrate/bg1@1x.jpg) no-repeat center top;
		background-image: -webkit-image-set (
            url("../../images/work/caltrate/bg1@1x.jpg") 1x,
            url("../../images/work/caltrate/bg1@2x.jpg") 2x );
}
.Caltrate SECTION { width: 100%; float: left; }
.Caltrate2 { background: url(../../images/work/caltrate/bg2@1x.jpg) no-repeat center top; }
.Caltrate3 { height: auto; }
.Caltrate H2 { color: #673794;}
.Caltrate H4 { color: #673794;}
.Caltrate BLOCKQUOTE P { color: #673794;}
.Caltrate .table-cell { display: table-cell; vertical-align: middle; position: relative; }
.Caltrate .Block2 { clear: both; margin: 0 auto; display: table;}
.Caltrate .Block2 .LeftCol { width: 68.8%; z-index:10; height: auto; position: relative; float: left; margin-right: 20px; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out;}
.Caltrate .Block2 .RightCol { position: relative; z-index:20;}
.Caltrate .Block2 .LeftCol + .RightCol { padding-top:11%;}
.Caltrate .Block2 .LeftCol + .RightCol + .RightCol { margin-bottom: 45px;}
#CaltratePic2 { width: 100%; height: auto; }
.Caltrate .Block3 { margin: 0 auto; padding-top: 20px; display: table;}
.Caltrate .Block3 .LeftCol { width: 43%; float: left;}
.Caltrate .Block3 .CenterCol { text-align: center; width: 80%; margin: 0 auto;}
#CaltratePic3 { width: 100%; position: relative; top:0;}

@media screen and (max-width: 966px) {
    .Caltrate .Block2 .LeftCol + .RightCol { padding-top:0;}
}

@media screen and (max-width: 800px) {
    .Caltrate .Block2 .LeftCol { width: 59%; padding-bottom: 35px; line-height: 21px;}
}

@media screen and (max-width: 700px) {
    .Caltrate { background: #FFFFFF url(../../images/work/caltrate/bg1-tablet@1x.jpg) no-repeat center 0; background-image: -webkit-image-set ( url(../../images/work/caltrate/bg1-tablet@1x.jpg) 1x, url(../../images/work/caltrate/bg1-tablet@1x.jpg) 2x ); }
	.Caltrate .Block3 .CenterCol {width:100%; text-align:left;}
	.Caltrate2 { background-image: none;}
}

@media screen and (max-width: 640px) {
    .Caltrate .Block2 .LeftCol { width: 100%; padding-bottom: 0; float:none; clear: both; }
}

@media screen and (max-width: 450px) {
    .Caltrate { background: #FFFFFF url(../../images/work/caltrate/bg1-mobile@1x.jpg) no-repeat center 0; background-image: -webkit-image-set ( url(../../images/work/caltrate/bg1-mobile@1x.jpg) 1x, url(../../images/work/caltrate/bg1-mobile@1x.jpg) 2x ); }
}