@charset "utf-8";

body {padding:0; margin: 0; background: #fff; font-family:"tarzana-narrow", Times, serif; font-size:22px; color:#000;}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.rtro_section-holder {width:100%;}
.rtro_section-content {max-width:980px; margin:0 auto; position:relative;}

/* Banner Section */
#rtro_section-banner {background:#a9e0f5;}
#rtro_section-banner p {margin:0; padding:12px 75px; text-align:center; font-size:21px; line-height:21px; font-weight: 600;}
#rtro_section-banner p a {color:#000;}
#rtro_banner-left {position:absolute; left:0; top:0; z-index:9;}
#rtro_banner-right {position:absolute; right:0; top:0; z-index:9;}

/* Top Section */
#rtro_section-top {}
#rtro_section-top .rtro_section-content {text-align:center;}
#rtro_section-top .rtro_section-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#rtro_section-top h1 {margin:0; padding:0;}
#rtro_section-top h1 img {max-width:100%; height:auto;}
#rtro_section-top p {margin:6px auto 0 auto; padding:18px 0 0 0; text-align:center; background:url(../images/oval.png) center center no-repeat; background-size:contain; width:300px; height:144px; font-size:21px; line-height:22px; font-weight:700; box-sizing:border-box;}

/* Main Section */
#rtro_section-main {padding:30px 0;}
#rtro_section-main .rtro_section-content {max-width:1600px;}
#rtro_section-main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#rtro_main-left {}
#rtro_thumbs-holder {box-sizing:border-box; padding:8px 0 20px 0; background:#fdf7bd;}
#rtro_thumbs-holder h2 {margin:0; padding:0 20px 20px 0; font-size:30px; line-height:31px; font-weight:700; text-align:center;}
#rtro_thumbs-holder p {margin:-10px 0 0 0; padding:0 20px 0 20px; font-size:30px; line-height:31px; font-weight:700; text-align:center;}
#rtro_thumbs {text-align:center;}
#rtro_thumbs .thumb_images {display:inline-block; margin:0 20px 32px 20px;
-webkit-box-shadow: 7px 7px 0px 0px rgba(234,226,155,1);
-moz-box-shadow: 7px 7px 0px 0px rgba(234,226,155,1);
box-shadow: 7px 7px 0px 0px rgba(234,226,155,1);
}

#rtro_main-right {padding-top:20px;}
#rtro_main-right h2 {font-size:30px; line-height:31px; font-weight:700; text-align:center; margin:0 0 30px 0; padding:0;}

#rtro_main-portfolios {text-align:center;}
#rtro_main-portfolios a {display:inline-block; margin:0 auto 16px auto;}

#rtro_main-contact {width:318px; height:228px; position:relative; background:url(../images/contact.png) center center no-repeat; background-size:contain; margin:0 auto; }
#rtro_main-contact h3 {font-size:26px; line-height:26px; font-weight:700; text-align:center; margin:0; padding:0; position:absolute; left:100px; top:110px;}
#rtro_main-contact p {font-size:54px; line-height:18px; font-weight:700; text-align:center; margin:0; padding:0; width:230px; position:absolute; left:86px; top:140px;}
#rtro_main-contact a {color: #000;}
#rtro_main-contact a:hover {color: #ccc;}

/* Media Queries */


@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 640px) {

}

@media only screen and (min-width: 768px) {


}


@media only screen and (min-width: 960px) {
	
/* Banner Section */
#rtro_section-banner p {font-size:26px; line-height:22px;}

/* Top Section */
#rtro_section-top {border-bottom:39px solid #a9e0f5;}
#rtro_section-top h1 {float:left;}
#rtro_section-top p {float:right; width:422px; height:203px; font-size:30px; line-height:31px;}

/* Main Section */
#rtro_main-left {width:50%; float:left; box-sizing:border-box; padding-left:18px;}
#rtro_main-right {width:50%; float:left;}

#rtro_thumbs-holder {padding:8px 0 20px 20px;}
#rtro_thumbs {}
#rtro_thumbs .thumb_images {margin:0 40px 32px 0;}
#rtro_thumbs-holder p {padding:0 20px 0 0;}

#rtro_main-right {padding-top:0;}



#rtro_main-contact {width:447px; height:321px; margin:20px 0 0 20px;}

#rtro_main-contact h3 {font-size:38px; line-height:38px; left:130px; top:150px;}
#rtro_main-contact p {font-size:64px; line-height:26px; left:124px; top:200px; width:322px;}
#rtro_main-contact a {color: #000;}
#rtro_main-contact a:hover {color: #ccc;}

}



@media only screen and (min-width: 1024px) {
	


}

@media only screen and (min-width: 1230px) {
#rtro_main-portfolios {padding-left:54px; text-align: left;}
#rtro_main-portfolios a {display:inline-block; margin:0 24px 16px 0;}

}

@media only screen and (min-width: 1280px) {

}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

}