.container-fluid{
  min-width: 410px!important;
}

/*propiedades del texto*/
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 12pt;
  font-weight: 400;
}

/*titulos*/
h1, h2, h3 {
  font-family: 'Raleway';
  font-weight: bold;
}


h1 {
  font-size: 2.5rem;
}


h4 {
  font-weight: 600;
}

/*Nav*/
.active {
  text-decoration: underline;
  text-decoration-color: #f5851f;
}

/*alertas de error*/
.alert{
  display: none;
}

/*formulario de contacto*/

label {
    display:block;
    margin-top:20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
 
.principal {
    display:block;
    margin:0 auto;
    width:510px;
    color: #666666;
}
 
form {
    margin:0 auto;
    width:400px;
}
 
input, textarea {
    width:380px;
    height:5vh;
    background:#c4c4c4;
    border:2px solid #f6f6f6;
    padding:10px;
    margin-top:5px;
    font-size:11pt;
    color:#1a1a1a;
}
 
textarea {
    height:150px;
}
 
#submit {
    width:85px;
    height:35px;
    border:none;
    margin-top:20px;
    cursor:pointer;
}


/*footer*/
.jumbotron-fluid {
  background-color: #1a1a1a!important;
  text-align: left;
}

/**//**//**//**//**//**//**//**//**//**//**/
/*media queries (instrucciones para pantallas de otros tamaños)*/
@media only screen and (min-width: 992px){
  .card{width: 20vw!important;}
}

@media only screen and (max-width: 991px){
  .card{width: 45vw!important;}
}

@media only screen and (max-width:767px){
}

@media only screen and (max-width:576px){
  h1{text-align: center!important;}
  .card{width: 75vw!important;}
}

@media only screen and (max-width: 380px){
    body{text-align: center!important;}
} /*pone en el centro el texto cuando la pantalla es de 380 o menos*/



/**//**//**//**//**//**//**//**//**//**//**/
/*propiedades scrollbar (no compatible con Firefox)*/

/* Ancho */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle en hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}