/* ----------- Desktop ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px)  { 
	.logo {
		height: 110px;
		padding-top: 20px;
	}  
	.logo img {
    	height: 70px;
	}  
	p {
  		font-size: 16px;
  		line-height: 24px;
  		padding-bottom:10px; }
	h1 {
  		font-size: 42px; }
	h2 {
  		font-size: 32px;}
	h3 {
  		font-size: 26px; }
	h4 {
  		font-size: 18px;
	  	margin: 20px 0;}
	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 {
    	margin-top: 15%; }
	.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 {
    	margin-top: 15%; }  
	.logo {
	  height:90px;
	  padding-top:15px;}
  	.logo img {height:60px;}  
	.features-extra p {
		font-size: 16px;
	 	line-height: 20px;}  
	.mensaje {
		padding:10px 25px; }  
	.ponente {
		width: 180px;
		height: 180px;
		margin: 25px auto 0;
		border: solid 2px #fff;
		border-radius: 50%;
		overflow: hidden;
		-webkit-box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.75);
	}  
}

/* Tablets Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
	.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 {
		text-align: center;
    	font-size: 24px; }
  	.hero .hero-content {
    	margin-top: 30%; }  
	.logo {
	  height:90px;
	  padding-top:15px;}
  	.logo img {height:60px;}  
	.features-extra p {
		font-size: 16px;
	 	line-height: 20px;}  
	.features {
  		background-size: 40% auto; }  
	 .ponente {
		width: 100px;
		height: 100px;
		margin: 25px auto 0;
		border: solid 2px #fff;
		border-radius: 50%;
		overflow: hidden;
		-webkit-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75);
	}
	.agenda p {
	  margin: 20px 0;}
	.agenda p:after {
		content: "";
		display: block;
		padding-bottom:10px;
		border-bottom: 2px solid #000;
		margin: 0 auto;
		width: 80%;
	} 
}


/* Smartphones Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 375px) 
   and (orientation: portrait) {
	.clearfix-xs {
		  clear: both;
	   margin: 15px 0;}  
	h1 {
  		font-size: 28px; }  
	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: 28px;
	   padding: 0 5%;
    	line-height: 1.2;}
	 .hero h1 span {font-size: 1.6em}   
	.hero .hero-content {
    	margin-top: 35%; }     
	.logo {
	  height:90px;
	  padding-top:15px;}
  	.logo img {height:60px;}   
  	.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%; }   
	.contador h2 {
		font-size: 20px;
		letter-spacing: 10px;
	}
	#countdown span {
		font-size: 24px;
	}   
	   footer img {height:40px}   
}

/* Smartphones Lanscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px) 
   and (orientation: landscape) {
	 .hero {
		 min-height: 100vh;}  
	.clearfix-xs {
		  clear: both;
		margin: 15px 0;
	   }  
	h1 {
  		font-size: 18px; }  
	h2 {
  		font-size: 28px;}
	h3 {
  		font-size: 24px; }
	h4 {
  		font-size: 16px; }
	h5 {
	  	font-size: 16px;
	  	margin-bottom: 25px;}
	h6 {
  		font-size: 16px;}    
	 .logo {
	  height:90px;
	  padding-top:15px;}
  	.logo img {height:60px;}
	.hero h1 {
    	font-size: 28px;
	   padding: 0 5%;
    	line-height: 1.2;}
	.hero h1 span {font-size: 1.5em}   
  	.hero p.intro {
		text-align: center;
    	font-size: 24px; }   
	.hero .hero-content {
    	margin-top: 20%; }   
	.features {
  		background-size: 50% auto; }     
	.features h2 {
		margin-top: 170px;
	   }
	.features-extra p {
		font-size: 14px;
	 	line-height: 18px;}  
	.iconos img {
		width: 50%;}  
	   .contador h2 {
		font-size: 20px;
		letter-spacing: 10px;
	}
	#countdown span {
		font-size: 24px;
	} 
	   footer img {height:40px}   
}