@media only screen and ( min-width: 1650px ) and ( max-width: 2000px ) {
h1 { font: bold 30px/1 "Lato", "arial", "Georgia", serif; }

.min {
min-height:700px;
}






}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media only screen and ( min-width: 1180px ) and ( max-width: 1380px ) {

#arriba .cont,
header .cont,
.base,
.boxed,
.ancho section {
width:1170px;
}

header #cont #logo {
width:350px;
}
header #cont #logo #slogan {
width: 250px;
}
header #cont #logo #slogan p {
font: 18px/1.1 "Montserrat","Helvetica",sans-serif;
}
header #cont #logo #slogan p span {
font: 23px/1.1 "Montserrat","Helvetica",sans-serif;
}

header #cont #der,
nav {
width:730px;
}

nav ul li {
margin-right:20px;
}





.blq2 .contenido {
min-height: 90px;
}

.base .cont .titulo h4 {
font: bold 30px/1.1 "PTSerif", "arial", "Georgia", serif;
}
.base .cont .texto p {
font: 20px/1 "Omnes","Helvetica",sans-serif;
}

#mapa {
height: 600px;
}


}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media only screen and ( min-width: 1051px ) and ( max-width: 1179px ) {

.topp	{
padding-top:30px!important;
}
.marco {
margin-bottom: 30px!important;
}

#arriba .cont,
header .cont,
.base,
.boxed,
.ancho section {
width:1000px;
}

header #cont #logo {
width:350px;
}
header #cont #logo #slogan {
width: 250px;
}
header #cont #logo #slogan p {
font: 18px/1.1 "Montserrat","Helvetica",sans-serif;
}
header #cont #logo #slogan p span {
font: 23px/1.1 "Montserrat","Helvetica",sans-serif;
}

header #cont #der {
width: 620px;
}

nav ul li {
margin-right:15px;
}

.blq1 {
min-height: 230px;
}
.blq1 .contenido {
font: 13px/1.1 "Arial","Helvetica",sans-serif;
}

.blq2 .contenido {
min-height: 110px;
}

#blq3 .cont span {
font: normal 40px/1 "Oswald", "Helvetica", sans-serif;
}

.base .cont .titulo h4 {
font: bold 25px/1.1 "PTSerif", "arial", "Georgia", serif;
}
.base .cont .texto p {
font: 20px/1 "Omnes","Helvetica",sans-serif;
}

#mapa {
height: 500px;
}


}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media only screen and ( max-width: 1050px ) {
h1 {font: bold 20px/1 "Lato", "arial", "Georgia", serif;}
.topp	{
padding-top:30px!important;
}
.marco {
margin-bottom: 30px!important;
}
.min {
min-height:300px;
}

#arriba .cont,
header .cont,
.base,
.boxed,
.ancho section {
width:800px;
}

header .arriba .cont .a-izq {
width:20%;
}
header .arriba .cont .a-der {
width:80%;
}

header #cont #logo {
width:350px;
}
header #cont #logo #slogan {
width: 250px;
}
header #cont #logo #slogan p {
font: 18px/1.1 "Montserrat","Helvetica",sans-serif;
}
header #cont #logo #slogan p span {
font: 23px/1.1 "Montserrat","Helvetica",sans-serif;
}

header #cont #der {
width: 420px;
}

nav,
.flechaabajo,
.i1,
nav ul { display:none; }
#m,
.i2,
.slicknav_menu {
display:block;
}






.blq1 .titulo span {
font: normal 14px/1.2 "Oswald", "Helvetica", sans-serif;
}
.blq1 .contenido {
font: normal 14px/1.1 "OpenSans","Helvetica",sans-serif;
}

.blq2 .contenido {
min-height: 140px;
font: normal 15px/1.2"Arial", "Helvetica", sans-serif;
}

#blq3 .cont span {
font: normal 30px/1 "Oswald", "Helvetica", sans-serif;
}

.blq4 .item .nom span {
font: normal 16px/1 "opensans", "Imperial", Times, serif;
}

.base .cont .titulo h4 {
font: bold 20px/1.1 "PTSerif", "arial", "Georgia", serif;
}
.base .cont .texto p {
font: 15px/1 "Omnes","Helvetica",sans-serif;
}

.contacto .img_correo {
width: 390px;
}

#mapa {
height: 400px;
}

}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media only screen and ( max-width: 850px ) {
h1 {font: bold 15px/1 "Lato", "arial", "Georgia", serif;}
.topp	{
padding-top:20px!important;
}
.marco {
margin-bottom: 20px!important;
}

#arriba .cont,
header .cont,
.base,
.boxed,
.ancho section {
width:600px;
}

header #cont #der {
width: 220px;
}

.blq1 {
width:48.5%;
min-height:240px;
margin-right:3%;
}
.blq1:nth-child(2n) {
margin-right:0;
}

.blq2 .contenido {
min-height: 235px;
}



#blq3 .cont	{
height: 250px;
}
#blq3 .cont span {
font: normal 20px/1 "Oswald", "Helvetica", sans-serif;
}

.blq4 .item .nom span {
font: normal 12px/1 "opensans", "Imperial", Times, serif;
}

.base .cont .titulo {
margin-top:50px;
}
.base .cont .titulo h4 {
font: bold 15px/1.1 "PTSerif", "arial", "Georgia", serif;
}
.base .cont .texto p {
font: 15px/1 "Omnes","Helvetica",sans-serif;
}

.contacto .img_correo {
width: 290px;
}

#mapa {
height: 300px;
}

#servicios {
min-height:200px;
}
#servicios .izq,
#servicios .der {
width:100%;
margin-right:0;
}
#servicios .der {
margin-right:0;
}

footer #cont .item {
width:45%;
margin-right:5%;
}
footer #cont .item:nth-child(2n) {
margin-right:0;
}
footer #cont .item:nth-child(3n) {
width:100%;
margin-right:0px;
}

}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media only screen and ( max-width: 579px ) {

h1 {font: bold 15px/1 "Lato", "arial", "Georgia", serif;}
.topp	{
padding-top:10px!important;
}
.marco {
margin-bottom: 10px!important;
}

#arriba .cont,
header .cont,
.base,
.boxed,
.ancho section {
width:320px;
}

header .arriba .cont .a-izq {
display:none;
}
header .arriba .cont .a-der {
width:100%;
}
header .arriba .cont .a-der ul li:first-child {
display:none;
}

header #cont #logo {
width: 100px;
}
header #cont #logo #slogan {
display:none;
}
header #cont #der {
width: 190px;
}

#animacion	{
display:none;
}

article  p  {
font: 16px/1.3 "OpenSans","Helvetica",sans-serif;
}

.blq1 {
width:100%;
min-height:240px;
margin-right:0;
}
.blq1:nth-child(2n) {
margin-right:0;
}

.blq2 {
width:100%;
min-height:300px;
margin-right:0;
margin-bottom:3%;
}
.blq2:nth-child(3n) {
margin-bottom:0;
}
.blq2 .contenido {
min-height: 50px;
}

#blq3 .cont	{
height: 200px;
}
#blq3 .cont span {
font: normal 15px/1 "Oswald", "Helvetica", sans-serif;
}

.blq4 .item {
width:48%;
min-height:150px;
margin-right:4%;
}
.blq4 .item:nth-child(2n) {
margin-right:0;
}



.contacto .campo {
width:100%;
}
.contacto .img_correo {
display:none;
}



footer #cont .item {
width:100%;
margin-right:0;
}
footer #cont .item:nth-child(2n) {
margin-right:0;
}
footer #cont .item:nth-child(3n) {
width:100%;
margin-right:0px;
}

footer .abajo .copy .izq {
display:none;
}
footer .abajo .copy .der {
width:100%;
}

}