/*---------------------DESKTOP: FROM 991 px---------------------*/

@media only screen and (min-width: 900px) {
.nav ul {
font-family: 'Lato', Georgia, "Times New Roman", Times, Serif !important;;
font-weight:400;
}
.nav ul li a {
font-family: 'Lato', Georgia, "Times New Roman", Times, Serif !important;;
font-weight:400;
font-size: 22px !important;
}
.home_link p a {
font-family: 'Lato', Georgia, "Times New Roman", Times, Serif !important;;
font-weight:400;
font-size: 11px !important;
vertical-align: middle !important;
}
}

/*---------------------Mobile Layout: FROM 768 downwards px---------------------*/

@media only screen and (max-width: 720px) {


#logo h1 a {background-size: contain !important;} 

.figure-left,.figure-right {float: none;margin: 0 auto;width: 90%;margin-top:6%; margin-bottom:6%;}
.figure{margin-top:6%; margin-bottom:6%;}
.figure img {max-width: 100%;} 

.boxitem {float:none}
#mod4 .boxitem{width:97%; max-width: 450px; margin:0 auto; margin-bottom:15px;}
#mod4a .boxitem{width:97%; max-width: 450px; margin:0 auto; margin-bottom:15px;}
#mod5 .boxitem{width:97%; max-width: 450px; margin:0 auto; margin-bottom:15px; background-color:#000;}

#inner_container3 h4{font-size: 1.5em;line-height: 1.5em; margin-top: 10px;}
#inner_container3 h3{font-size: 2.5em;line-height: 1.2em;margin-bottom: 0;}
#inner_container3 h2{font-size: 2em;line-height: 2.5em;}

#mod4a h3{font-size: 1.5em;line-height: 1.2em;margin-bottom: 0; text-align:center;}
#mod4a h2{font-size: 2.5em;margin-bottom: 0; text-align:center;}
#mod4a h4{font-size: 1.5em;line-height: 1.2em;margin-bottom: 0; text-align:center;}
}


/*---------------------iphone 5 horizontal---------------------*/
@media only screen and (max-width: 570px) {
	
#wrapper #super_header_studio {position: static;}

#inner_container h1{font-size: 3.4em;line-height: 1.1em; }
#inner_container2 h5{font-size: 1.5em;line-height: 1.2em; font-weight:600;}
#inner_container p{font-size: 1.4em;line-height: 1.4em;}
#inner_container2 p{font-size: 1.4em;line-height: 1.4em;}
#inner_container3 h3{font-size: 2.5em;line-height: 1.2em;margin-bottom: 0;}
#inner_container3 h4{font-size: 1.5em;line-height: 1.5em; margin-top: 10px;}
#inner_container3 h2{font-size: 2em;line-height: 2.5em;}

}         



/*---------------------Wide Mobile Layout: 480px---------------------*/

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

	
#wrapper #super_header_studio {position: static;}

#mod1{display:none;}
#mod1_mobil{display: block; margin: 0 auto;overflow: hidden;width: 98%;} 
#mod1_mobil img{margin:0 auto; width:95%;text-align: -moz-center; display: block; overflow: hidden}

#mod4{display:none;}
#mod4_mobil{display: block; margin: 0 auto;overflow: hidden;width: 100%; background-color:#000;}

#mod4a .boxitem{width:80%;} 
#inner_container3 h3{font-size: 2.5em;line-height: 1.2em;margin-bottom: 0;}
#inner_container3 h4{font-size: 1.5em;line-height: 1.5em; margin-top: 10px;}
#inner_container3 h2{font-size: 2em;line-height: 2.5em;}
}

/*---------------------Mobile Layout: 320px---------------------*/

@media only screen and (max-width: 330px){


	
#wrapper #super_header_studio {position: static;}

#mod1{display:none; width:100%;}
#mod1_mobil{display: block; margin: 0 auto;overflow: hidden; width:100%; margin:center;} 
#mod1_mobil img{margin:0 auto; width:95%;text-align: -moz-center; display: block; overflow: hidden}

#mod4{display:none;}
#mod4_mobil{display: block; margin: 0 auto;overflow: hidden;width: 100%; background-color:#000;}

#inner_container h1{font-size: 3.4em;line-height: 1.1em;padding-bottom: 30px;}
#inner_container h5{font-size: 1.4em;line-height: 1.2em; font-weight:600;}
#inner_container p{font-size: 1.3em;line-height: 1.6em;}
#inner_container2 p{font-size: 1.3em;line-height: 1.6em;}
#inner_container3 h3{font-size: 2.5em;line-height: 1.2em;margin-bottom: 0;}
#inner_container3 h4{font-size: 1.5em;line-height: 1.5em; margin-top: 10px;}
#inner_container3 h2{font-size: 2em;line-height: 2.5em;}


label { font-size: 1em;font-family: Lato,Helvetica,sans-serif;margin-bottom: 5px;}
label a{font-size:0.8em; color:#DBB456; text-decoration:none;}
label a:hover{text-decoration:underline;}

#mod7 #inner_container {border: medium none; width: 85%;}

}

/*---------------------Tablet Layout: 768px---------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {



}
/*---------------------Wide Mobile Layout: 480px---------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
	
	
 	
}