.w-center{width:100%;background:#ffffff;}
.sm-row{position:relative;height:550px;}

/* Photos */
.sm-photo{position: absolute; height: 610px; width: calc(50% + 100px);margin-top:-60px;border: 3px solid #ffffff;z-index:10;}

.sm-back1 { background: url(/images/design/welcome/uct-w1.jpg) no-repeat left top;left: 0px;background-size:cover;}
.sm-back2 { background: url(/images/design/welcome/uct-w2.jpg) no-repeat center center;right: 0px;background-size:cover;}
.sm-back3 { background: url(/images/design/welcome/uct-w3.jpg) no-repeat center center;left: 0px;background-size:cover;}
.sm-back4 { background: url(/images/design/welcome/uct-w4.jpg) no-repeat top center;right: 0px;background-size:cover;}
.sm-back5 { background: url(/images/design/welcome/uct-w5.jpg) no-repeat center center;left: 0px;background-size:cover;}
.sm-back6 { background: url(/images/design/welcome/uct-w6.jpg) no-repeat center right;right: 0px;background-size:cover;}
.sm-back7 { background: url(/images/design/welcome/uct-w7.jpg) no-repeat left center;left: 0px;background-size:cover;}


/* TEXT */

.sm-content1{position:absolute;width:calc(50% - 100px);height:500px;top:0px;right:0px;padding:0px 100px;text-align:center;}
.sm-content2{position:absolute;width:calc(50% - 100px);height:500px;top:0px;left:0px;padding:0px 100px;text-align:center;}

.sm-body{position: relative;margin:auto;max-width:600px; -moz-animation-duration: 3s; -moz-animation-delay: 0s; -moz-animation-iteration-count: 1;-webkit-animation-duration: 3s; -webkit-animation-delay: 0s; -webkit-animation-iteration-count:1;}



@media (max-width: 1500px) {
.sm-photo{width: calc(50% + 50px);}	
.sm-content1,.sm-content2{width: calc(50% - 50px);padding:0px 50px;}
}



@media (max-width: 1300px) {
.sm-row{height:520px;}
.sm-photo{height: 550px; width: calc(50% + 30px);margin-top:-30px;}	
.sm-content1,.sm-content2{width: calc(50% - 30px);height:520px;padding:0px 50px;}
}





@media (max-width:930px) {
	
.sm-photo{width: calc(50% + 10px);}	
.sm-content1,.sm-content2{width:calc(50% - 10px);padding:0px 30px;}
}


@media (max-width:767px) {
.sm-row{height:auto;} 
.sm-photo {position:relative;height: 450px;margin-top:0px;width:100%;}
.sm-content1,.sm-content2{position:relative;width:100%;height:auto;padding:50px 20px;}
}



@media (max-width:600px) {
.sm-photo {height: 350px;}
}


@media (max-width:500px) {
}

@media (max-width:450px) {
.sm-photo {height: 300px;}
}

@media (max-width:400px) {
}