/* ----------- Desktop ----------- */
/* @media only screen  */
  /* and (min-device-width: 1200px)  */
  /* and (max-width: 1200px) */
  @media (min-width: 1025px) and (max-width: 1280px){  
	p {font-size: 20px;line-height: 1.4; }
	h1 {font-size: 42px; }
	h2 {font-size: 32px;}
	h3 {font-size: 26px; }
	h4 {font-size: 24px; }
	h5 {font-size: 18px;}
	h6 {font-size: 18px;}  
	.hero h1 {font-size: 50px;}
}

/* Laptop */  
/* @media only screen and (min-height : 580px) and (max-height : 700px)  { 
	
}  */

/* Tablets Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) {
	h1 {font-size: 70px; }  
	h2 {font-size: 36px;}
	h3 {font-size: 30px; }
	h4 {font-size: 36px; }
	h5 {font-size: 24px;}
	h6 {font-size: 16px;}    
    p {font-size: 18px;} 
	.hero h1 {font-size: 50px;line-height: 1;}
	.hero h2 {font-size: 35px;}
	.hero-burbuja {height: 85%;}
	.lista-normal li {font-size:18px;}
	.hero-blog .hero-calderin {background: url(../img/caldegreen-01.png) right top no-repeat;background-size:auto 100%;position: absolute;right: 0;top: -5%;width: 40%;height: 100%;}
	.hero-blog {height: 40vh;}
}


/* Tablets Portrait */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {
	h1 {font-size: 70px; }  
	h2 {font-size: 40px;}
	h3 {font-size: 30px; }
	h4 {font-size: 36px; }
	h5 {font-size: 24px;}
	h6 {font-size: 16px;}    
    p {font-size: 18px;} 
	.hero {height: 80vh;}
	.hero-secciones {height: 65vh;}
	.hero h1 {font-size: 50px;line-height: 1;}
	.hero h2 {font-size: 35px;}
	.hero-burbuja {height: 80%;}
	.hero-blog .hero-calderin {background: url(../img/caldegreen-01.png) right top no-repeat;background-size:auto 100%;position: absolute;right: 0;top: -8%;width: 100%;height: 100%;}
	.hero-blog {height: 35vh;}
	.lista-normal li {font-size:18px;}
	.btn-play-video {transform: scale(.65);}
	.item-hover-overlay p {font-size: 14px;margin: 0;}
}


/* Smartphones Portrait */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 667px) 
   and (orientation: portrait) {
	h1 {font-size: 48px;}  
	h2 {font-size: 36px;}
	h3 {font-size: 28px;}
	h4 {font-size: 24px;}
	h5 {font-size: 22px;}
	h6 {font-size: 14px;}    
	p {font-size: 16px;}    
	.hero {height:100vh;}
	.hero-secciones {height: 75vh;}
	.hero h1 {font-size: 40px;line-height: 1;}
	.hero h2 {font-size: 30px;}
	.hero-calderin {height: 70%;}
	.hero-burbuja {height: 80%;}
	.hero-calderin {background: url(../img/caldegreen-01.png) 3% center no-repeat;background-size: auto 100%;width: 65%;}
	.hero-burbuja {background: url(../img/burbuja-01.png) 49% 20% no-repeat;background-size: auto 75%;width: 100%;}
	.hero-blog .hero-calderin {background: url(../img/caldegreen-01.png) right top no-repeat;background-size:auto 100%;position: absolute;right: 0;top: -8%;width: 100%;height: 100%;}
	.hero-blog {height: 35vh;background: url(../img/bg-hero-blog.jpg) top left no-repeat;background-size: 160% auto;}
	.btn-play-video {transform: scale(.65);}
	.item-hover-overlay p {font-size: 14px;margin: 0;}
	.lista-normal li {font-size:16px;margin-left: 2em;}
	.margin-top-blog {margin-top: -6rem;}
}

/* Smartphones Lanscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 750px) 
  and (orientation: landscape) {
	h1 {font-size: 48px;}  
	h2 {font-size: 36px;}
	h3 {font-size: 28px;}
	h4 {font-size: 24px;}
	h5 {font-size: 22px;}
	h6 {font-size: 14px;}    
	p {font-size: 16px;}    
	.hero {height:100vh;}
	.hero-secciones {height: 75vh;}
	.hero h1 {font-size: 40px;line-height: 1;}
	.hero h2 {font-size: 30px;}
	.hero-calderin {height: 70%;}
	.hero-burbuja {height: 80%;}
	.hero-calderin {background: url(../img/caldegreen-01.png) 3% center no-repeat;background-size: auto 100%;width: 65%;}
	.hero-burbuja {background: url(../img/burbuja-01.png) 49% 20% no-repeat;background-size: auto 75%;width: 100%;}
	.btn-play-video {transform: scale(.65);}
	.item-hover-overlay p {font-size: 14px;margin: 0;}
	.lista-normal li {font-size:16px;margin-left: 2em;}
}