@charset "utf-8";

/* ============================== */
/* 
	- Title: Diploma Landing Page
	- Autor: Coralix Themes
	- Version: 1.0
*/
/* ============================== */


/* ---------------------------------------------------------------------- */
/*	Mobile Version 1024px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 1024px) {	
	.navbar ul li {
		font-size: 1.2em;
	}
	.jumbotron h1 {
		font-size: 3em;
		letter-spacing: 0px;
	}
	.jumbotron h2 {
		font-size: 18px;
		letter-spacing: 1px;
	}
	.fondo-ini1 {
		margin: 79px 0px 0px 32px;
	}
	.jumbotron .fondo-ini1 h2 {
		font-size: 26px;
	}
	.navbar-default .navbar-nav>li>a {
		padding-left: 6px;
		padding-right: 6px;
	}
	.features .item {
		margin:30px 0;
	}
	.nav .glyphicon {
		font-size: 14px;
	}
	.features .item i {
		width: 60%;
	}
	#menu-features1 h3 {
		font-size: 16px;
	}
	.fondo-fin h1 {
		font-size: 30px;
	}

}


/* ---------------------------------------------------------------------- */
/*	Mobile Version 768px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 768px) {	

	.jumbotron h1 {
		font-size: 4.3em;
		letter-spacing: 0px;
	}
	.fondo-ini1 {
		padding: 111px 40px 85px;
		margin: 79px 23%;
	}
	.jumbotron .fondo-ini1 h2 {
		font-size: 26px;
	}
	.newsletter {
		text-align: center;
	}
	.newsletter .fields h3 {
		font-size: 1.6em;
		text-align: center;
	}
	.newsletter .fields input.btn {
		font-size: 1em;
		padding: 10px 15px;
	}
	.copy h6 {
		text-align: center;
	}
	.copy ul {
		text-align: center;
		margin-top: 20px;
	}
	.copy ul li {
		float: none;
	}
	.promo2 h2 {
		font-size: 21px;
	}
	.features .item i {
		font-size: 4em;
		width: 74%;
	}
	.fondo-ini {
		padding-top: 20px;
	}

}	


/* ---------------------------------------------------------------------- */
/*	Mobile Version 480px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 480px) { 
	.jumbotron h1 {
    font-size: 2em;
    letter-spacing: 0px;
	    text-align: center;
	}
	.jumbotron p {
		font-size: 15px;
	}

	.jumbotron h3 {
		font-size: 2em;
		letter-spacing: 0px;
			text-align: center;
	}

	.jumbotron h2 {
		font-size: 12px;
		line-height: 20px;
	}
	.fondo-ini1 {
		width: 330px;
		height: 330px;
		margin: 35px 5%;
	}
	.jumbotron .fondo-ini1 h2 {
		font-size: 19px;
	}

	.newsletter .fields input.form-control {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.video iframe {
	    height: 200px;
	}
	.promo2 h2 {
		font-size: 16px;
	}
	.title h1 {
		font-size: 30px;
	}
	#menu-features1 h3 {
		font-size: 17px;
	}
	.fondo-fin .title h1 {
		font-size: 19px;
	}
	.fondo-fin .descripcion_servicios {
		font-size: 16px !important;
		margin-top: 10px;
	}
	.features .item i {
		width: 36%;
	}
	.fondo-ini {
		padding-top: 20px;
	}
	#menu-classes h2 {
		font-size: 15px;
	}
	#menu-classes .title2 {
		padding: 10px 0px !important; 
	}
}

@media handheld, only screen and (max-width: 375px) { 

	.features .item i {
		width: 40% !important;
	}
}