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

/************************************************************** viewport >1201 **************************************************************/
@media only screen and (min-width: 1201px) {
.wrapper {width:1180px; margin:0 auto; }
.container {width:100%;}

}



/************************************************************** viewport 980 to 1200 **************************************************************/
@media only screen and (min-width: 980px) and (max-width:1200px) {
.wrapper {width:980px; margin:0 auto;}
.container {width:100%}
	


}



/************************************************************** viewport 980 to 992 - ac **************************************************************/
@media only screen and (min-width: 980px) and (max-width:992px) {

.logo {margin-top:-10px}

}



/************************************************************** viewport 941 to 979 **************************************************************/
@media only screen and (min-width: 941px) and (max-width: 979px) {
.wrapper {width:100%;}
.container {width:100%}
	
.logo {margin-top:-10px}
	
}



/************************************************************** viewport 768 to 940 **************************************************************/
@media only screen and (min-width: 768px) and (max-width: 940px) {
.wrapper {width:100%;}
.container {width:100%}
.logo {margin-top:-10px}
.bg-costa-1 {background:none!important;background-color:#252525!important}



}
	
	

/************************************************************** viewport 480 to 767 **************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper {width:100%;}
.logo {margin-top:-10px; width: 180px;}
.imgResize {width:350px!important; height: auto;}

}



/************************************************************** viewport 321 to 479 **************************************************************/
@media only screen and (min-width: 321px) and (max-width: 479px) {
.wrapper {width:100%;}
.logo {margin-top:-10px; width: 180px;}
.imgResize {width:350px!important; height: auto;}
	
}


/************************************************************** viewport <320 **************************************************************/

@media only screen and (max-width: 320px) {
.wrapper {width:100%}
.logo {margin-top:-10px; width: 180px;}
.imgResize {width:350px!important; height: auto;}
	
}




}