/* retrato*/

/*.modal h2{font-weight: bold;}*/



@media (max-width: 367px){

header .navbar-default .navbar-header .img-numeros{

	position: absolute;

	margin-left: 120px;

	height: 100px;

	width: 150px;

	z-index: -1;

}

	

	

	header .navbar-default .navbar-header .logo-principal{

	height: 100px;

	width: 120px;

}

	.navbar-default .navbar-nav li a{

		top: 0px;

		text-align: center;

		border-bottom: #EA2027 1px solid;

		border-top: : #EA2027 1px solid;

}

.navbar-default .navbar-nav .btn-close{

	position: absolute;

	bottom: 0;

	background-color: #EE5A24;

	height: 45px;

	width: 100%;

	color: #f5f6fa;





}

.modal h2{font-size: 24px;}

.modal h3{font-size: 18px;}



}

@media (max-width: 479px) and (min-width: 368px) {



	

header .navbar-default .navbar-header .img-numeros{

	position: absolute;

	margin-left: 130px;

	height: 100px;

	width: 160px;

	z-index: -1;

	

	}

	.carousel-caption h1{

	    font-size: 20px;

	    line-height:0px;

 

 }

.carousel-caption h3{

	    font-size: 20px;

	    line-height:0px;





	}

	header .navbar-default .navbar-header .logo-principal{

	height: 100px;

	width: 130px;

}

	.navbar-default .navbar-nav li a{

		top: 0px;

		text-align: center;

		border-bottom: #EA2027 1px solid;

		border-top: : #EA2027 1px solid;

}

.navbar-default .navbar-nav .btn-close{

	position: absolute;

	bottom: 0;

	background-color: #EE5A24;

	height: 45px;

	width: 100%;

	color: #f5f6fa;

}



.modal h2{font-size: 24px;}

.modal h3{font-size: 18px;}



}



@media (min-width: 400px) and (max-width: 478px) {

.carousel-caption h1{

	    font-size: 16px;

	    line-height:0px;



	}

.carousel-caption h3{

	    font-size: 16px;

	    line-height:0px;





	}



header .navbar-default .navbar-header .img-numeros{

	position: absolute;

	margin-left: 141px;

	height: 90px;

	width: 153px;

	z-index: -1;

	

	}

header .navbar-default .navbar-header .logo-principal{

	height: 90px;

	width: 133px;

}

.frase-principal h1{

	 margin-top: -33px;



}

	.navbar-default .navbar-nav li a{

		top: 0px;

		text-align: center;

		border-bottom: #EA2027 1px solid;

		border-top: : #EA2027 1px solid;

}

.navbar-default .navbar-nav .btn-close{

	position: absolute;

	bottom: 0;

	background-color: #EE5A24;

	height: 45px;

	width: 100%;

	color: #f5f6fa;

}

.modal h2{font-size: 24px;}

.modal h3{font-size: 18px;}

}



@media (min-width: 480px) and (max-width: 577px) {

	header .navbar-default .navbar-header .img-numeros{

	position: absolute;

	margin-left: 200px;

	height: 100px;

	width: 220px;

	z-index: -1;

	

	}

		.navbar-default .navbar-nav li a{

			top: 0px;

			text-align: center;

			border-bottom: #EA2027 1px solid;

			border-top: : #EA2027 1px solid;



}

.navbar-default .navbar-nav .btn-close{

	position: absolute;

	bottom: 0;

	background-color: #EE5A24;

	height: 45px;

	width: 100%;

	color: #f5f6fa;

}

.modal h2{font-size: 24px;}

.modal h3{font-size: 18px;}



}

@media (min-width: 578px) and (max-width: 757px) {

	header .navbar-default .navbar-header .img-numeros{

	position: absolute;

	margin-left: 240px;

	z-index: -1;



	

	}

	.navbar-default .navbar-nav li a{

		top: 0px;

		text-align: center;

		border-bottom: #EA2027 1px solid;

		border-top: : #EA2027 1px solid;



}

.navbar-default .navbar-nav .btn-close{

	position: absolute;

	bottom: 0;

	background-color: #EE5A24;

	height: 45px;

	width: 100%;

	color: #f5f6fa;

}

.modal h2{font-size: 24px;}

.modal h3{font-size: 18px;}





}

@media (min-width: 758px) and (max-width: 990px) {

	header .navbar-default .navbar-header .img-numeros{

	position: absolute;

	margin-left: 547px;

	height: 100px;

	width: 220px;

	z-index: -1;



	

	}

		.navbar-default .navbar-nav li a{

			top: 0px;

		text-align: center;

		padding: 43px 9px

		



}

.navbar-default .navbar-nav .btn-close{

      display: none; 

}

}



@media (min-width: 991px) and (max-width: 1199px) {

	header .navbar-default .navbar-header .img-numeros{

	position: absolute;

	margin-left: 170px;

	height: 100px;

	width: 220px;

	margin: -25px;

	z-index: -1;

}

header .navbar-default .navbar-header .logo-principal{

		margin-left: -70px;

			height: 100px;

	        width: 220px;

}

		.navbar-default .navbar-nav li a{

		top: 26px;

		text-align: center;

		



}

.modal h2{font-size: 24px;}

.modal h3{font-size: 18px;}

.navbar-default .navbar-nav .btn-close{

      display: none; 

}

}

@media (min-width: 1200px){

		.navbar-default .navbar-nav li a{

		top: 26px;

		text-align: center;

		

}	

.navbar-default .navbar-nav .btn-close{

      display: none; 

}

}