@media only screen and ( min-width: 1650px ) and ( max-width: 2000px ) {

:root{
--margin	:100px;
--padding	:50px;
--aalto		:34.106vw;
--altoimg	:13.75vw;
--gmapas	:20.83vw;
}

}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media only screen and ( max-width: 1380px ) {

header #cont #logo {
flex: 0 0 250px;
}
header #cont #logo img {
margin-top:25px;
height:50px;
}

.ancho .cont {
height: 450px;
padding-top:80px;
}
.ancho span {
font: 80px/1 "Montserrat",Helvetica,Arial,sans-serif;
}
.ancho .cont .texto h3 {
font: 20px/1 "Montserrat",Helvetica,Arial,sans-serif;
margin-bottom:30px;
}

.base .cont .titulo {
margin-top:80px;
}

#l-contacto .l, #l-contacto .r {
width: 49%;
margin-right: 2%;
}
#l-contacto .r {
margin-right: 0;
}

.galerias .item .descripcion h3 {
font-size:13px;
line-height:1.2;
margin:10px;
padding-top:10px;
padding-bottom:10px;
}
.galerias .item .descripcion div p {
font: 14px/1.5 "OpenSans","Helvetica",sans-serif;
padding: 0 10px;
}

}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media only screen and ( min-width: 1051px ) and ( max-width: 1179px ) {

:root{
--margin	:60px;
--padding	:40px;
--aalto		:34.106vw;
--altoimg	:13.75vw;
--gmapas	:30.83vw;
}

header #cont #logo {
flex: 0 0 118px;
overflow: hidden;
}

nav ul li {
margin-right:20px;
}

.ancho span {
font: 70px/1 "Montserrat",Helvetica,Arial,sans-serif;
}

.base .cont .titulo {
margin-top:80px;
}
.base .cont .titulo h4 {
font: bold 30px/1.1 "PTSerif", "arial", "Georgia", serif;
}
.base .cont .texto p {
font: 20px/1.1 "Omnes","Helvetica",sans-serif;
}

#l-contacto .l, #l-contacto .r {
width: 49%;
margin-right: 2%;
}
#l-contacto .r {
margin-right: 0;
}

.renglon i {
margin-right: 10px;
}
.renglon .datos span {
font-size: 16px;
line-height: 1.2;
}

}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media only screen and ( max-width: 1050px ) {

:root{
--margin	:40px;
--padding	:30px;
--aalto		:34.106vw;
--altoimg	:13.75vw;
--gmapas	:40.83vw;
}

h1 {font: bold 25px/1 "Lato", "arial", "Georgia", serif;}

nav ul { display:none; }
#telefono,
.i1 {
display:none;
}	
.slicknav_menu,
.i2 {
display:block;
}

.blq1 .item .img {
margin-bottom: 20px;
}
.blq1 .item .cab {
font-size: 1.1em;
}

.galerias .item {
width:47.5%;
}

.ancho span {
font: 50px/1 "Montserrat",Helvetica,Arial,sans-serif;
}
.ancho .cont .texto h3 {
font: 20.5px/1.2 "Montserrat",Helvetica,Arial,sans-serif;
}

.base .cont .titulo {
margin-top:80px;
}
.base .cont .titulo h4 {
font: bold 25px/1.1 "PTSerif", "arial", "Georgia", serif;
}
.base .cont .texto p {
font: 20px/1.1 "Omnes","Helvetica",sans-serif;
}

#l-contacto .l, #l-contacto .r {
width: 49%;
margin-right: 2%;
}
#l-contacto .r {
margin-right: 0;
}
.renglon i {
margin-right:10px;
}
.renglon .datos span {
font-size: 14px;
line-height: 16px;
}

.ancho .cont .texto .ul ul li	{
font-size:1em;
line-height:1em;
}

}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media only screen and ( max-width: 850px ) {

:root{
--margin	:20px;
--padding	:10px;
--aalto		:34.106vw;
--altoimg	:13.75vw;
--gmapas	:50.83vw;
}

h1, h2, h3, h4, h5, h6 {font: bold 25px/1 "Lato", "arial", "Georgia", serif;}

#logo img {
margin-top: 25px!important;
height: 50px!important;
}

.blq1 .item	{
width:50%;
margin-top:10px;
}
.blq1 .item:nth-child(3n),
.blq1 .item:nth-child(4n)	{
margin-top:20px;
}

.ancho .cont {
padding-top:50px;
height: 350px;
}
.ancho span {
font: 40px/1 "Montserrat",Helvetica,Arial,sans-serif;
}
.ancho .cont .texto h3 {
font: 18px/1 "Montserrat",Helvetica,Arial,sans-serif;
}
.ancho .cont .texto .uls {
margin-top: 40px;
}
.ancho .cont .texto .ul {
height: 200px;
}
.ancho .cont .texto .ul ul li	{
font-size:1em;
line-height: 1.1em;
}

.base .cont .titulo {
margin-top:50px;
}
.base .cont .titulo h4 {
font: bold 20px/1.1 "PTSerif", "arial", "Georgia", serif;
}
.base .cont .texto p {
font: 15px/1.1 "Omnes","Helvetica",sans-serif;
}

#l-contacto .l,
#l-contacto .r	{
width:100%;
}
#l-contacto .l	{
margin-bottom:20px;
}


}
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media only screen and ( max-width: 579px ) {

:root{
--margin	:10px;
--padding	:10px;
--aalto		:34.106vw;
--altoimg	:13.75vw;
--gmapas	:70.83vw;
}

h1, h2, h3, h4, h5, h6 {font: bold 16px/1 "Lato", "arial", "Georgia", serif;}

header #cont #logo {
flex: 0 0 280px;
}

.base {
margin-top: 5%;
}

.blq1 .item	{
width:50%;
margin-top:10px;
}
.blq1 .item .img {
height: 100px;
}

.blq2 .item	{
width:100%;
margin-right:0%;
margin-bottom:3%;
float:left;
cursor:default;
}
.blq2 .item:nth-child(3n)	{
margin-right:0;
margin-bottom:0;
}

.ancho .cont {
padding-top:20px;
height: 300px;
}
.ancho span {
font: 20px/1 "Montserrat",Helvetica,Arial,sans-serif;
}
.ancho .cont .texto h3 {
font: 15px/1 "Montserrat",Helvetica,Arial,sans-serif;
}
.ancho .cont .texto .uls {
margin-top: 30px;
}
.ancho .cont .texto .ul {
height: 200px;
}
.ancho .cont .texto .ul ul li	{
font-size:0.6em;
line-height:0.6em;
margin-bottom:10px;
}

.base .cont .titulo {
margin-top:20px;
}
.base .cont .titulo h4 {
font: bold 13px/1.1 "PTSerif", "arial", "Georgia", serif;
}
.base .cont .texto p {
font: 13px/1.1 "Omnes","Helvetica",sans-serif;
}

.cat-gal ul li {
font: bold 14px/40px 'Oxygen', sans-serif;
}
/*
.galerias .item {
width:100%;
margin-right:0;
}
*/

footer #copy #l, footer #copy #r {
width: 100%;
height: 25px;
text-align:center;
font: normal 14px/25px "Montserrat", "Imperial", Times, serif;
float: left;
padding-left: 0px;
box-sizing: border-box;
}

}