@charset "utf-8";
/* CSS Document */

body{display:inline; }
#outter_container {max-width:1080px;margin:0px auto;}


#top {height:80px; margin-bottom:2%; margin-top:5%; text-align:center;}
	#top a:link {color:#444; text-decoration:none;}
	#top a:visited {color:#444; text-decoration:none;}
	
#name {float:left; top:15%;}
.nav {float:right;}

#device_container {width:100%; float:left; margin-top: 5%; margin-left: 15%; padding:5% 0 15% 0; display:block;  background-image:url(bg-r.jpg); background-repeat:repeat;}
#image_container {max-width:35%; float:left; margin-left:10%;opacity:.05;background-color:#CCC;}
#media_description {width:35%; float:left; margin-left:10%;text-align:center;}

.caption {font-family: 'Droid Serif',sans-serif;font-size:12px;font-style:italic;margin:2% 0 0 5%;}


.square {width:21%; float:left; display:block; margin:3% 2% 3% 2%;}
#video_container {width:100%; padding-bottom:5%; display:block;}
.video_container {width:100%; padding-bottom:5%; display:block;}
.img-container {width:100%; padding-bottom:5%; display:block;}


.image_box2 {padding: 0 0 8% 0;display:inline; float:left; width:44%; margin:3%;}
.image_box {display:inline; float:left; width:96%; margin:2%;}

.secondary_description {width:50%; margin-left:48%;padding:0 0 0 2%;}
img {max-width:100%; vertical-align:middle;}

#awards {padding:2% 0 2% 5%;}
#awards h2 {}
#awards h4 span {font-family:'Roboto',sans-serif;color:#E73434;font-style:normal;line-height:24px;}

.secondary_description h2 {margin:0 0 0 0;}
	
h1 {font-family: 'Playfair Display',sans-serif;font-size: 26px;;font-weight:300; font-style:italic;}
h2 {font-family: 'Playfair Display',serif; font-size:20px; font-weight:300; font-style:italic;margin-left:5%;}
h3 {font-family: 'Playfair Display',serif; font-size:20px; font-weight:400; font-style:italic;}
h4 {font-family:'Playfair Display',sans-serif;font-size:16px;font-weight:100;}
h5 {font-family: 'Playfair Display',serif; font-size:14px; font-weight:400;color:#E73434;text-indent:10px; font-style:italic;}



#awards h5 {text-indent:10px;font-size:16px;margin:10px 0 3% 0;}
#awards h4 {font-style:normal;margin:0 0 0rem 0;}


p {font-family: 'Droid Serif',sans-serif;font-size:14px; line-height:30px; text-align:left;padding:5% 0 5% 0;}

a:link {color:#E73434;text-decoration: none; }
a:hover {color:#333;text-decoration: none; }
a:visited {color:#000;text-decoration: none; }
a:active {text-decoration: none;color:#cc0000; }

/*-- footer --*/
footer {padding: 10% 0 0 0;}
#footer_logo {text-align:center;margin-bottom:-38px;display:block; }
#footer {border-top:thin #ccc solid; padding:10% 0 10% 0;}

#contact {width:25%;text-align:left;float:left;display:inline;margin-left:30%;}
#contact h2 {font-size:14px;font-family: 'Montserrat',sans-serif;font-weight:100;font-style:normal;text-transform:uppercase;}
#contact h3 {font-size:18px;font-weight:200;padding-left:5%;line-height:18px;}
#contact a:link {color:#333;text-decoration: none; }


#social {width:25%;float:left;display:inline;}
.social {float:left;width:10%;display:inline;margin:7.5%;}

span {color:#E73434;letter-spacing:0em;font-size:15px;text-align:center;}
/*-- <800px --*/


@media (max-width:800px) {
#top {padding:0 0 0 5%;}
#outter_container {max-width:100%;}
#media_description {width:95%; margin-left:5%; margin-top:10%;}
.square {width:46%;}
.secondary_description {float:left; display:inline; width:96%; margin:0 auto; padding: 0 0 0 2%;}
.image_box2 { width:100%;display:inline; float:left;}
.image_box { width:98%;}
p { width:90%; margin-left:5%;font-size:14px;line-height:24px;}
#contact{width:60%; margin-left:15%;}
#social {width:60%; margin-left:33%;}
}



/*--iframe resize--*/
.intrinsic-container {position: relative;height: 0;overflow: hidden;}

/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {padding-bottom: 56.25%;}
.intrinsic-container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}