/* ----------- Desktop ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px)  { 
	p {
  		font-size: 22px;
  		line-height: 1.4;
  		padding: 12px 0px; }
	h1 {
  		font-size: 42px; }
	h2 {
  		font-size: 32px;}
	h3 {
  		font-size: 26px; }
	h4 {
  		font-size: 18px; }
	h5 {
	  	font-size: 18px;
	  	margin-bottom: 30px;}
	h6 {
  		font-size: 18px;}  
	.hero h1 {
    	font-size: 42px; }
  	.hero p.intro {
    	font-size: 35px; }
  	.hero .hero-content {
    	top: 45%; }
	.features-extra p {
		font-size: 18px; }
}

/* Tablets Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
	.clearfix-md {
		  clear: both; }    
	h1 {
  		font-size: 36px; }  
	h2 {
  		font-size: 28px;}
	h3 {
  		font-size: 24px; }
	h4 {
  		font-size: 16px; }
	h5 {
	  	font-size: 16px;
	  	margin-bottom: 25px;}
	h6 {
  		font-size: 16px;}    
	.hero h1 {
    	font-size: 36px; }
  	.hero p.intro {
    	font-size: 24px; }
  	.hero .hero-content {
    	top: 45%; }  
	.logo {
	  height:90px;
	  padding-top:15px;}
  	.logo img {height:60px;}  
	.features-extra p {
		font-size: 16px;
	 	line-height: 20px;}  
	.mensaje {
		padding:10px 25px; }  
}

/* Tablets Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
	.clearfix-md {
		  clear: both; }  
    p {
  		font-size: 20px; }     
	h1 {
  		font-size: 36px; }  
	h2 {
  		font-size: 28px;}
	h3 {
  		font-size: 24px; }
	h4 {
  		font-size: 16px; }
	h5 {
	  	font-size: 16px;
	  	margin-bottom: 25px;}
	h6 {
  		font-size: 16px;}    
	.hero h1 {
    	font-size: 36px;}
  	.hero p.intro {
		text-align: center;
    	font-size: 24px; }
  	.hero .hero-content {
    	top: 45%;}  
	.logo {
	  height:90px;
	  padding-top:15px;}
  	.logo img {height:60px;}  
	.features-extra p {
		font-size: 16px;
	 	line-height: 20px;}  
	.features {
  		background-size: 40% auto; }  
    .clock .clock-wrapper .tile-days:before {display:none;}
   .clock .clock-wrapper .tile-days:after {display:none;}  
      .clock .clock-wrapper .tile-days {margin-left: -20px;}
}


/* Smartphones Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 375px) 
   and (orientation: portrait) {
	.clearfix-xs {
		  clear: both; }  
    p {
  		font-size: 18px; }    
	h1 {
  		font-size: 32px; }  
	h2 {
  		font-size: 28px;}
	h3 {
  		font-size: 24px; }
	h4 {
  		font-size: 16px; }
	h5 {
	  	font-size: 16px;
	  	margin-bottom: 25px;}
	h6 {
  		font-size: 16px;}    
	.hero h1 {
    	font-size: 36px;padding:0 10%;}
	 .hero h1 span {font-size:28px}   
	.hero .hero-content {
    	top: 35%; }     
	.logo {
	  height:70px;
	  padding-top:15px;}
  	.logo img {height:40px;}   
  	.hero p.intro {
		text-align: center;
    	font-size: 24px; }   
	.features {
  		background-size: 70% auto; }     
	.features h2 {
		margin-top: 170px;
	   }
	.features-extra p {
		font-size: 14px;
	 	line-height: 18px;}  
	.sign-up .signup-form .sign-up-btn {
		width: 100%; }
	.sign-up .signup-form .form-input-group {
  		width: 100%; }   
	footer img {height:40px}   
   .clock .clock-wrapper .tile-days:before {left: -95px;}
   .clock .clock-wrapper .tile-days:after {left: 120px;}
}

/* Smartphones Lanscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px) 
   and (orientation: landscape) {
	.clearfix-xs {
		  clear: both; }  
	h1 {
  		font-size: 32px; }  
	h2 {
  		font-size: 28px;}
	h3 {
  		font-size: 24px; }
	h4 {
  		font-size: 16px; }
	h5 {
	  	font-size: 16px;
	  	margin-bottom: 25px;}
	h6 {
  		font-size: 16px;}    
	   .down-arrow {bottom: 0;   }
	 .logo {
	  height:70px;
	  padding-top:15px;}
  	.logo img {height:40px;} 
	.hero h1 {
    	font-size: 36px;padding:0 10%;}
	 .hero h1 span {font-size:28px}   
	.hero .hero-content {
    	top: 30%; }   
  	.hero p.intro {
		text-align: center;
    	font-size: 24px; }   
	.features {
  		background-size: 50% auto; }     
	.features h2 {
		margin-top: 170px;
	   }
	.features-extra p {
		font-size: 14px;
	 	line-height: 18px;}  
	.iconos img {
		width: 50%;}  
	   footer img {height:40px}   
}