/* ----------- 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;}  
}

/* Tablets Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) {
	h1 {font-size: 36px; }  
	h2 {font-size: 28px;}
	h3 {font-size: 24px; }
	h4 {font-size: 22px; }
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}    
    p {font-size: 15px;}    
	.hero h1 {font-size: 40px;}
	.hero h2 {font-size: 30px;}
	.hero {height: 70vh;}
	.card-1 {min-height: 330px;}
	.box-inner {top: 74%;}
	.box-texto {padding:0.75rem;}
	.card-1 h5 {font-size: 15px;}
	.card-1 p {font-size: 11px;}
}

/* Tablets Portrait */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {
	h1 {font-size: 36px; }  
	h2 {font-size: 28px;}
	h3 {font-size: 24px; }
	h4 {font-size: 22px; }
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}    
    p {font-size: 15px;}    
	.hero h1 {font-size: 36px;}
	.hero h2 {font-size: 28px;}
	.hero {height: 70vh;}
	.card-1-grid {grid-template-columns: repeat(2, 1fr);padding: 3rem 5%;}
	.card-1 {min-height: 300px;}
	.box-inner {top: 74%;}
	.box-texto {padding:0.75rem;}
	.card-1 h5 {font-size: 15px;}
	.card-1 p {font-size: 11px;}
}


/* Smartphones Portrait */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 667px) 
   and (orientation: portrait) {
	h1 {font-size: 32px;}  
	h2 {font-size: 28px;}
	h3 {font-size: 20px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}    
	p {font-size: 13px;}    
	.navigation {padding: 10px 20px;}
	img.logo {height: 30px;}
	.hero {height: 100vh;}
	.hero-left {width: 100%;height: 60%;}
	.hero-right {width: 100%;height:40%;}
	.hero h1 {font-size: 30px;}
	.hero h2 {font-size: 20px;}
	.card-1-grid {grid-template-columns: repeat(1, 1fr);padding: 2rem 2%;}
	.card-1 {min-height: 250px;}
	.box-inner {top: 70%;}
	.box-texto {padding:0.75rem;}
	.card-1 h5 {font-size: 15px;}
	.card-1 p {font-size: 10px;}
	.card-2-child-2,.card-2-child-3 {margin: 1.0 0 1.25rem;}
	.swiper-button-next {right: -2em !important;}
	.swiper-button-prev {left: -2em !important;}
	.card-intro {border: 1px solid #00a7ff;}
	img.logo-footer {height: 25px;}
	img.logo-footer-right {height: 30px;}
	footer a {font-size: 12px;}
}

/* Smartphones Lanscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 750px) 
  and (orientation: landscape) {
	h1 {font-size: 32px;}  
	h2 {font-size: 28px;}
	h3 {font-size: 20px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}    
	p {font-size: 13px;}    
	.navigation {padding: 10px 20px;}
	img.logo {height: 30px;}
	.hero {height: 100vh;}
	/* .hero-left {width: 100%;height: 60%;}
	.hero-right {width: 100%;height:40%;} */
	.hero h1 {font-size: 28px;}
	.hero h2 {font-size: 18px;}
	.card-1-grid {grid-template-columns: repeat(1, 1fr);padding: 2rem 2%;}
	.card-1 {min-height: 250px;}
	.box-inner {top: 70%;}
	.box-texto {padding:0.75rem;}
	.card-1 h5 {font-size: 15px;}
	.card-1 p {font-size: 10px;}
	.card-2-child-2,.card-2-child-3 {margin: 1.0 0 1.25rem;}
	.swiper-button-next {right: -2em !important;}
	.swiper-button-prev {left: -2em !important;}
	.card-intro {border: 1px solid #00a7ff;}
	img.logo-footer {height: 25px;}
	img.logo-footer-right {height: 30px;}
	footer a {font-size: 12px;}
}