@import url(http://allfont.es/allfont.css?fonts=arial-narrow);
html, body{  font-family: 'Arial Narrow', arial;}
#navbar-md{display: block!important;}
#navbar-lg{display: none!important;}
.navbar {background: #fff!important; box-shadow: 1px 1px 1px #ddd;}
.navbar .nav-link span{font-weight: bold; color: #666; transition: all 0.25s ease-in-out;}
.navbar .nav-link:hover span{color: #444;}
.navbar::before{content:""; background: url("../img/franja-arriba.svg") no-repeat; background-position: top left; background-size: cover; width: 95%; height: 30px; position: absolute; top: 0;}
.navbar::after{content:""; background: url("../img/barra-inferior.png") no-repeat; background-position: bottom left; background-size: 100% 100%; width: 70%; height: 16px; position: absolute; bottom: -10px; left: 15%; z-index: 9999; right: 12.5%;}
#slideShow{margin-top: 100px;}
/* NOSOTROS */
h1{font-size: 2.75em;} .title{font-family: 'Arial'; color: #4b4b4b;} .about,.engineering{color: #444; text-align: justify;} .about p,.about ul li, .engineering p, .engineering span, .engineering ul li{font-size: 16px; line-height: 1.8em;}
/* CONTACTO */
.contact{background: #d2d3d5;}
.form-control{border-radius: 10px!important; resize: none!important; background: #f0f0f0;}
.form-control:focus{box-shadow: none!important;}
@media screen and (min-width: 992px){
	#navbar-md{display: none!important;}
	#navbar-lg{display: block!important;}
}