nav{	margin: -15px; /*PEGADO A LA PARTE SUPERIOR DE LA PANTALLA*/}
.nav-link{ /*BOTONES DE EMPRESA/OFICINAS/CONTACTO*/ color: white; display: inline; font-size: 20px;}
nav img{ /*EL LOGOTIPO*/width: 12%;}
.nav-link1{ /* MENU REDES SOCIALES , ICONOS*/float: right; padding: 5px; margin-top: 10px; }
.jumbotron{ /*alto de nav*/background: black; width: 100%; height: 80px; padding: 1em; }
.titulo p{ /*letra dentro de foto edificio*/font-family: 'Montserrat', sans-serif; font-size: 50px;	margin-left: 50px; margin-top: 115px;} 
.titulo img{ /*img m2*/width: 5%;}
.view { /*fondo azul foto edificio*/background: #1066a1; }
.p-3 h1{ /*h1 Renta los metros que realmente necesitas*/	font-family: 'Montserrat', sans-serif; color: #77bae8; font-size: 50px; margin-left: 200px; }
.p-3 h3 {/*TITULO OFICINAS EN RENTA (empresa inmobiliaria)*/background: black; margin-right: 50px; text-align: center; padding: 5px; margin-top: 30px; font-size: 40px; }
.p-3 p { /*es una empresa inmobiliaria*/text-align: center; }
.content{ /*fondo y color  */background: #1066a1; color: white;}
.content h5{ /*propiedades PARA QUE QUIERES UNA OFICINA*/font-size: 30px; text-align: center; }
.content h3 { /*AHORRAR , OFICINAS DISPONIBLES AZUL*/font-size: 40px; color: #77bae8; }

.content img { /*edificio, oficinas disponibles*/width: 5%; margin-left: 40px; }
.content p{ /*DIRECCIONES OFICINAS*/text-align: left; font-size: 20px; }
h3{ /*AHORRAR OFICINAS DISPONIBLES*/ color: white; text-align: center; font-size: 40px; }
.row{ /*descripcion de los inmuebles*/display: flex;}
.container1 img { /*left <-- es la imagen del inmueble*/ margin-left: 10px;  margin-top: -10PX; width: 98%;} 
.container1 h3 { /*polanco del valle anzures*/background: #007bff; margin-left: 10px; border-radius: 15px 15px 2px 2px; font-size: 30px; width: 98%;}

.description{	/*tamaño y posición descripción del inmueble*/margin-top: 65px; height: 430px; }
.description p{ /*descripción del inmueble*/color: black; text-align: left; font-size: 15px; margin-top: -1em; } 

video {  margin-left: 30px; height: auto; width: 95%; }
.col iframe {border-radius: 15px; height: 400px; }
/*botones*/
.btn { /*bonotes */border-radius: 15px 15px 2px 2px; margin-left: 30px; width: 95%; }
.col-md-4{ margin-left: 120px; }
.col-md-4 img { /*muñequito tour virtual*/ margin-left: 50px; width: 10%; }
.col-md-4 a{ font-size: 15px; }
.ventana{ /*enlace facebook*/margin-top: 20px; margin-left: 330px;	}
.ultimo{ /*txt tenemos tu oficina perfecta*/text-align: center;  font-size: 50px; }
footer {background-color: black; width: 109%; padding: 1em; text-align: center; margin-left: -118px; margin-top: 15px; }
footer a:hover {color: #1066a1; }
footer .nav-link{font-size: 18px; }

@media only screen and (max-width: 980px) and (min-width: 821px) {  /* Para 960px */ /*.jumbotron  { background: yellow; }  */
.titulo p{ /*letra dentro de foto edificio*/margin-top: -35px; font-size: 45px;} 
.titulo img{ /*img m2*/width: 8%;}
.p-3 h1{ /*h1 Renta los metros que realmente necesitas*/	font-size: 35px; margin-left: 10px; }
.p-3 h3 {/*TITULO OFICINAS EN RENTA (empresa inmobiliaria)*/margin-right: 50px; text-align: center; padding: 5px; margin-top: -20px; font-size: 25px; }
.p-3 p{font-size: 12px; margin-right: 50px;}
.content h5{ /*propiedades PARA QUE QUIERES UNA OFICINA*/font-size: 20px; text-align: center; }
.content h3 { /*AHORRAR , OFICINAS DISPONIBLES AZUL*/font-size: 25px; color: #77bae8; }
.content p{ /*DIRECCIONES OFICINAS*/text-align: left; font-size: 15px; }

.fotoin{ margin-left: -1px; height: 450px; width: 135%; }
.fotoin1{ margin-left: -1px; height: 450px; width: 135%; }
.fotoin2{ margin-left: -1px; height: 450px; width: 140%; }

.description{	/*tamaño y posición descripción del inmueble*/ height: 450px; background: white;  margin-top: 45px; opacity: 0.8; }
.description FONT{ font-size: 20px; }
.description p{ /*descripción del inmueble*/ display: flex; margin-left: 10px; font-size: 13px;  width: 95%;} 

..col-md-4{ margin-left: 120px; }
.col-md-4 img { /*muñequito tour virtual*/ margin-left: 50px; width: 10%; }
.col-md-4 a{ font-size: 15px; }

video { margin-left: 30px;  margin-top: 0px; height: auto; width: 95%;}
.col iframe {border-radius: 15px; height: 280px; width: 95%; }

.ventana{ /*enlace facebook*/margin-top: 20px; margin-left: 130px;	}
footer {  padding: 1em;  margin-left: -118px; margin-top: 10px; width: 115%; }
footer .nav-link{font-size: 15px; }
.ultimo{ /*txt tenemos tu oficina perfecta*/text-align: center; font-size: 38px; }
}  
  
@media only screen and (max-width: 820px) and (min-width: 621px) {  /* Para 800px */ 
/*.jumbotron  { background: green; }   */
.nav-link{ /*BOTONES DE EMPRESA/OFICINAS/CONTACTO*/font-size: 13px;}
nav img{ /*EL LOGOTIPO*/width: 19%;}
.titulo p{ /*letra dentro de foto edificio*/margin-top: -35px; font-size: 38px;} 
.titulo img{ /*img m2*/width: 8%;}
.p-3 h1{ /*h1 Renta los metros que realmente necesitas*/	font-size: 25px; margin-left: 10px; }
.p-3 h3 {/*TITULO OFICINAS EN RENTA (empresa inmobiliaria)*/ margin-top: -20px; font-size: 20px; }
.p-3 p{font-size: 12px; margin-right: 50px;}
.content h3 { /*AHORRAR , OFICINAS DISPONIBLES AZUL*/font-size: 35px; color: #77bae8; }
.content p{ /*DIRECCIONES OFICINAS*/text-align: left; font-size: 13px; }
.content img { /*edificio, oficinas disponibles*/width: 5%; margin-left: 30px; }

.fotoin{ margin-left: -1px; height: 450px; width: 205%; }
.fotoin1{ margin-left: -1px; height: 450px; width: 205%; }
.fotoin2{ margin-left: -1px; height: 450px; width: 205%; }

h3{ /*ESTO ES TITULO POLANCO, VALLE, ANZURES*/font-size: 25px; }

.description{	/*tamaño y posición descripción del inmueble*/height: 380px; background: white; margin-top: 50px; opacity: 0.8;  }
.description FONT{ font-size: 18px; }
.description p{ /*descripción del inmueble*/ display: flex; margin-left: 10px; font-size: 12px;  width: 95%;} 

.col-md-4 { padding: 5px; margin-left: -10px; }
.col-md-4 img { width: 5%; }

video { margin-left: 30px;  margin-top: 0px; height: auto; width: 95%;}
.col iframe {border-radius: 15px; height: 280px; width: 90%; }

.ventana{ /*enlace facebook*/margin-top: -40px; margin-left: 70px; 	}
.ultimo{ /*txt tenemos tu oficina perfecta*/text-align: center;  font-size: 28px; }
footer {  padding: .3em;  margin-left: -10px; width: 102%; }
footer .nav-link{font-size: 12px; }
}  
   
@media only screen and (max-width: 620px) and (min-width: 501px) {  /* Para 600px */  
/*.jumbotron  { background: red; }*/   
.nav-link{ /*BOTONES DE EMPRESA/OFICINAS/CONTACTO*/font-size: 12px; padding: 4px;}
nav img{ /*EL LOGOTIPO*/width: 22%;}
.nav-link1{ /* MENU REDES SOCIALES , ICONOS*/float: right; padding: 8px; margin-top: 2px; font-size: 10px; }
.titulo p{ /*letra dentro de foto edificio*/margin-top: -35px; font-size: 30px;} 
.titulo img{ /*img m2*/width: 8%;}
.p-3 h1{ /*h1 Renta los metros que realmente necesitas*/	font-size: 30px; margin-left: 10px; }
.p-3 h3 {/*TITULO OFICINAS EN RENTA (empresa inmobiliaria)*/ margin-top: -20px; font-size: 13px; }			
.p-3 p{font-size: 12px; margin-right: 50px;}
.content h3 { /*AHORRAR , OFICINAS DISPONIBLES AZUL*/font-size: 25px;  }
.content h5{ /*propiedades PARA QUE QUIERES UNA OFICINA*/font-size: 20px; text-align: center; }
.content p{ /*DIRECCIONES OFICINAS*/text-align: left; font-size: 12px; }
.content img { /*edificio, oficinas disponibles*/width: 2%; margin-left: 150px; }
h3{ /*ESTO ES TITULO POLANCO, VALLE, ANZURES*/font-size: 20px; }

.fotoin{ margin-left: -1px; height: 450px; width: 205%; }
.fotoin1{ margin-left: -1px; height: 450px; width: 205%; }
.fotoin2{ margin-left: -1px; height: 450px; width: 205%; }
.description p{ /*descripción del inmueble*/ display: flex; margin-left: 10px; font-size: 11px;  width: 95%;} 

video { margin-left: 20px; width: 90%; }
.col a { margin-left: 20px; margin-top: -130px; width: 90%; }
.col iframe { margin-left: 30px; height: 180px;}

.description{	/*tamaño y posición descripción del inmueble*/height: 360px; background: white; margin-top: 50px; opacity: 0.8; line-height: 1; }
.description FONT{ font-size: 16px; }

.btn { font-size: 15px; margin-top: 12px; margin-left: -1px; }
.col-md-4 { padding: 5px; margin-left: -1px; }
.col-md-4 img { width: 5%; }
.col-md-4 a {font-size: 12px;}
.ventana{ /*enlace facebook*/margin-top: -40px; margin-left: 50px; 	}
.ultimo{ /*txt tenemos tu oficina perfecta*/text-align: center;  font-size: 28px; }
footer {  padding: .3em;  margin-left: -10px; width: 102%; }
footer .nav-link{font-size: 12px; }
}  
  
@media only screen and (max-width: 500px) and (min-width: 341px) {  /* Para 480px */ 
.jumbotron{ /*alto de nav*/ height: 50px;  }
.nav-link{ /*BOTONES DE EMPRESA/OFICINAS/CONTACTO*/font-size: 11px; padding: 1px;}
nav img{ /*EL LOGOTIPO*/ margin-left: -10px; width: 19%;}
.nav-link1{ /* MENU REDES SOCIALES , ICONOS*/float: right; padding: 6px; margin-top: 2px; font-size: 7px; }
.titulo p{ /*letra dentro de foto edificio*/margin-top: -55px; font-size: 25px;} 
.titulo img{ /*img m2*/width: 8%;}
.p-3 h1{ /*h1 Renta los metros que realmente necesitas*/	font-size: 30px; margin-top: -20px; margin-left: -10px; }
.p-3 h3 {/*TITULO OFICINAS EN RENTA (empresa inmobiliaria)*/ margin-top: -30px; margin-right: 10px	; font-size: 12px; }			
.p-3 p{font-size: 8px; margin-right: 10px;}
.content h3 { /*AHORRAR , OFICINAS DISPONIBLES AZUL*/font-size: 25px;  }
.content h5{ /*propiedades PARA QUE QUIERES UNA OFICINA*/font-size: 15px; text-align: center; }
.content p{ /*DIRECCIONES OFICINAS*/text-align: left; font-size: 12px; }
.content img { /*edificio, oficinas disponibles*/width: 2%; margin-left: 90px; }
h3{ /*ESTO ES TITULO POLANCO, VALLE, ANZURES*/font-size: 20px; }
.fotoin{ margin-left: -20px; width: 235%; }
.description{	/*tamaño y posición descripción del inmueble*/height: 360px; background: white; margin-top: 45px; opacity: 0.8; line-height: .7;}
.description FONT{  font-size: 10px; margin-top:5px}
.description p{ /*descripción del inmueble*/ display: flex; margin-left: 10px; font-size: 9px;  width: 95%;} 

.fotoin{ margin-left: -8px; height: 450px; width: 220%; }
.fotoin1{ margin-left: -1px; height: 450px; width: 215%; }
.fotoin2{ margin-left: -1px; height: 450px; width: 215%; }


video { margin-left: 35px; width: 78%; }
.col a { font-size: 12px; margin-left: 35px; margin-top: -190px; width: 78%; }
.col iframe { margin-left: 20px; height: 180px; width: 350px;}


.col-md-4 { padding: 5px; margin-left: -1px; width: 90%; }
.col-md-4 img { width: 5%; }
.col-md-4 a {font-size: 10px;}
.ventana{ /*enlace facebook*/margin-top: -40px; margin-left: 10px; 	}
.ultimo{ /*txt tenemos tu oficina perfecta*/text-align: center;  font-size: 28px; }
footer {  padding: .3em;  margin-left: -10px; width: 102%; }
footer .nav-link{font-size: 12px; }

}  
  
/* Para 320px */  
@media only screen and (max-width: 340px) and (min-width: 5px)  {  
  
.jumbotron{ background: ; }

}