body{
	font-family: "Block-roman",sans-serif;
	color:#162D56;
}
h1,h2,h3,h4,h5,h6{
	font-family: "Display";
	color: #EC2027;
}
p:first-of-type{
    margin-top: 2em;
}

/*navbar*/
button.navbar-toggler{
	color:#fff;
	border: solid 3px #fff;
	padding: .25rem;
	border-radius: 50%
}
.navbar-toggler-icon{
	padding-top: 5px;
}
.navbar-brand{
	margin: 0
}
.navbar-brand img {
    height: 64px;
}
#nav-container{
	background: #EC2027;
	color: #eee;	
	min-height: 70px;
}
.navbar{
	padding: 0;
}
.nav-item{
	padding: 14px;
	transition: background .3s;
	font-size: 18px;
}
.nav-item a{
	color: #eee;
	font-size: 18px;
}
.nav-item.active, .nav-item:hover{
	background: #fff;
}
li.nav-item.active>a, li.nav-item:hover>a{
color: #0B1427;
font-weight: 700;
}
#buscar input[type=text] {
    width: 85%;
    border-radius: .25rem 0 0 .25rem;
}
#buscar button {
    border-radius: 0 .25rem .25rem 0;
    border: solid;
    width: 15%;
    height: 38px;
    border-width: 2px 2px 2px 0px;
}
#brand{	
	padding: 20px 0;
	margin-top:74px;
	overflow: hidden;
	font-size: 14px;
}
#brand a{
	color: #162D56;
}
/*hero*/
.carousel-caption, .carousel-caption h3{
	bottom: 100px;
	color: #162D56;
}

#carousel-container img {
    position: relative;
    height: 100vh;
    width: auto;
    right: calc(340px - 50vw);
}
.btn-cta-hero {
    background: #ec2027;
    color: #fff; 
    text-transform: uppercase;
    letter-spacing: 2px;
}
/*bloques*/
.item-bloque {
    background: #BABCC5;
    padding: 1rem;
    
    color:#162D56;
}
.item-bloque h3{
	color: #162D56;
	font-family: 'Block-black';
}
.item-bloque p{
	margin: .5rem 0;
}
.item-bloque:last-child {
	margin-bottom: 1rem;
}
.item-bloque:first-child {
	margin-top: 1rem;
}
.num-bloque{
	font-family: "Display";
	font-size: 72px;
	padding: 0 0 1rem 0;	
}

/*footer*/
#footer{
	padding-top: 100px;	
	background: #B71A1F;
	color: #eee;
}
#footer li.nav-item {
    padding: 0px 10px;
    border-bottom: dotted 1px rgba(255,255,255,.3);
}
#footer h4, #footer a{
	color: #FFF1F2
}
#footer li.nav-item:hover a, #footer a:hover{
	color: #162D56;
}
/*otros*/
.gray{
	background: #f1f1f1;
	padding: 160px 0;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}
.icon-left i {
    float: left;
    margin-right: 24px;
    font-size: 50px;
    color: #5A667B;    
    width: calc(20% - 24px);
    text-align: right;
}
.icon-left div{
	display: inline-block;
	width: 80%;	
}
.icon-left p:first-of-type {
    margin-top: 0;
}
.icon-circle{
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: #BABCC5;
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	#carousel-container img {
    right: calc(634px - 50vw);
	}	
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.nav-item a{
		font-size: 12px;
	}
	.nav-item {
	    padding: 26px 10px;
	    transition: background .3s;
	    font-size: 18px;
	    align-items: center;
	    display: flex;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.nav-item a{
		font-size: 16px;
	}
	.nav-item {
    	padding: 26px 16px;
	}
	#buscar input[type=text] {
    	width: 70%;    
	}
	#buscar button {     
    	width: 30%;   
	}
	#carousel-container img {
		position: static;
	    height: auto;
		width: 100vw;
		right: 0;
 	}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.nav-item a{
		font-size: 18px;
	}
	.nav-item {
    	padding: 26px 24px;
	}
 	.carousel-caption {
    	bottom: 35vh;
	}

}