/*!
 * Insitu - Version: Responsive;
 * December 2016
 * Autor: Brein Studio
 * Design: Gustavo García;
 * Developer: Sofia Muñoz;
 */



/* * * * * * * * * * * * * * * * * * * */
/* SMALL SCREEN */
/* * * * * * * * * * * * * * * * * * * */
 @media screen and (max-width: 980px) {
 	.inner {
	    max-width: 95%;
	}
 	/* HEADER
    ---------------------------------- */
 	.logo img{
 		height: 42px;

 	}
    .right-button .button {
	    line-height: 15px;
	    padding: 10px 15px;
	    height: auto;
	}
	/* SERVICIOS
	---------------------------------- */
	.servicios{
		margin: 0 -4em;
	}
	.servicios li{
		width: 49%;
	}
	.servicios article{
		padding-left: 80px;
		padding-top:10px;
		position: relative;
		color: white;
		text-align: left;
		height: 70px;
		margin-bottom: 34px;
	}
	.servicios article img{
		width: 70px;
		height: 70px;
	}
	#footer ul li {
		margin-bottom: 15px;
		max-width: 100%
	}
	/* CERTIFICADOS
	---------------------------------- */
	#certificados-foto.col.three{
		width: 39%;
	}
	#certificados-txt.col.three{
		width: 59%;
	}
	#certificados-downloads{
		padding: 10px 0;
		width: 100%!important;
	}
	#certificados-downloads li{
		display: inline-block;
		*display: inline;
		zoom: 1;
		width: 49%;
		
	}
				
}/* end of SMALL SCREEN */
/* * * * * * * * * * * * * * * * * * * */






/* -------------------------------------------------- */
/* DEVICES
-------------------------------------------------- */



/* ALL DEVICES */
@media screen and  (max-width: 767px) {
	/* SERVICIOS
	---------------------------------- */
	.servicios{
		margin: 0 -4em;
	}
	.servicios li{
		width: 49%;
	}
	.servicios article{
		padding-left: 60px;
		padding-top:10px;
		position: relative;
		color: white;
		text-align: left;
		height: 50px;
		margin-bottom: 34px;
	}
	.servicios article img{
		width: 50px;
		height: 50px;
	}
	/* CERTIFICADOS
	---------------------------------- */
	#certificados-foto.col.three{
		width: 39%;
	}
	#certificados-txt.col.three{
		width: 59%;
	}
	#certificados-downloads{
		padding: 10px 0;
		width: 100%!important;
	}
	ul.downloads{
		 padding: 0 0 0 0px;
	}
	.downloads li{
		display: inline-block;
		*display: inline;
		zoom: 1;
		width: 48%
	}
}/* end of ALL DEVICES */






/* ALL PHONES */
@media (max-width: 654px) {
    /* SERVICIOS
	---------------------------------- */
	.servicios{
		margin: 0;
	}
	.servicios li{
		width: 100%;
	}
	.servicios article{
		padding-left: 60px;
		padding-top:10px;
		position: relative;
		color: white;
		text-align: left;
		height: 50px;
		margin-bottom: 34px;
	}
	.servicios article img{
		width: 50px;
		height: 50px;
	}
	.contact .col.four,
	.contact .col.eight{
		padding: 10px 0;
		width: 100%
	}
}/* end of ALL PHONES */




/* Medium PHONES */
@media (max-width: 480px) {
    /* HEADER
    ---------------------------------- */
 	.logo img{
 		height: 30px;
 		margin-top: 8px;
 	}
    .right-button .button {
	    padding: 8px 5px;
	    font-size: 14px;
	}
	
	/* CERTIFICADOS
	---------------------------------- */
	#certificados-foto.col.three, #certificados-txt.col.three{
		padding: 10px 0;
		width: 100%
	}
	#certificados-downloads li{
		width: 100%;
		text-align: center;
	}
	.downloads li{
		display: block;
		width: 100%
	}
	input[type="submit"], input[type="reset"], input[type="button"], button, .button {
	    padding: 0 10px;
	}
	#footer ul.actions li {
	    text-align: left;
	}
	.bx-wrapper .bx-caption span {
	    font-size: .8em;
	    line-height: 110%;
	    padding: 5px;
	}

}



/* SMALL PHONES */
@media (max-width: 320px) {
	/* HEADER
    ---------------------------------- */
 	
    .right-button .button {
	    padding: 8px 5px;
	    font-size: 13px;
	}
    
}/* end of SMALL PHONES */