/* Laptop */  
@media only screen and (min-width: 1030px) and (max-width: 1399px) {
	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 {height: 80vh;}
		.sign-up {top: 2vh;right: 1%;width: 30%;}
		.sign-up .signup-form .form-input-group {height: 45px;}
}

/* Laptop 2 */  
@media only screen and (min-width: 1030px) and (max-height: 750px) {
	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 {height: 80vh;}
		.sign-up {top: 2vh;right: 1%;width: 30%;}
		.sign-up .signup-form .form-input-group {height: 45px;}
}

/* Tablets Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) {
	h1 {font-size: 70px; }  
	h2 {font-size: 28px;}
	h3 {font-size: 24px; }
	h4 {font-size: 22px; }
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}    
    p {font-size: 16px;} 
	.hero {height: 80vh;}
	.sign-up {top: 2vh;right: 1%;width: 30%;}
	.sign-up .signup-form .form-input-group {height: 45px;}
}


/* Tablets Portrait */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {
	h1 {font-size: 70px; }  
	h2 {font-size: 35px;}
	h3 {font-size: 24px; }
	h4 {font-size: 24px; }
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}    
    p {font-size: 16px;} 
	.hero {height: 50vh;}
	.sign-up {position: relative;width: 90%;margin: -5rem auto 2rem auto;}
	.sign-up .signup-form .form-input-group {height: 35px;}
}


/* Smartphones Portrait */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 667px) 
   and (orientation: portrait) {
	h1 {font-size: 48px;}  
	h2 {font-size: 28px;}
	h3 {font-size: 24px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	h6 {font-size: 14px;}    
	p {font-size: 14px;}    
	.hero {height: 80vh;}
	.hero h1 {font-size: 36px;}
	.sign-up {position: relative;width: 90%;margin: -5rem auto 2rem auto;}
	.sign-up .signup-form .form-input-group {height: 35px;}
	.btn-habbertec {font-size: 16px;}
	.sign-up {font-size: 16px;}
	.bg-cover {min-height: 240px;}
	.list-item li {font-size: 16px;background-position: 0 -1px;}
	.icono {width: 70px;margin-bottom:.5em;}
	.grid-clientes {grid-template-columns: repeat(4, [col-start] auto [col-end]);}
	footer .logo {width: 180px;}
	.logo-ibm {height: 45px;}
}

/* Smartphones Lanscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 750px) 
  and (orientation: landscape) {
	h1 {font-size: 48px;}  
	h2 {font-size: 28px;}
	h3 {font-size: 24px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	h6 {font-size: 14px;}    
	p {font-size: 14px;}    
	.hero {height: 80vh;}
	.hero h1 {font-size: 36px;}
	.sign-up {position: relative;width: 90%;margin: -5rem auto 2rem auto;}
	.sign-up .signup-form .form-input-group {height: 35px;}
	.btn-habbertec {font-size: 16px;}
	.sign-up {font-size: 16px;}
	.bg-cover {min-height: 240px;}
	.list-item li {font-size: 16px;background-position: 0 -1px;}
	.icono {width: 70px;margin-bottom:.5em;}
	.grid-clientes {grid-template-columns: repeat(4, [col-start] auto [col-end]);}
	footer .logo {width: 180px;}
	.logo-ibm {height: 45px;}
}