@font-face {
  font-family: 'Neo Sans Ligth';
  src: url('../fonts/NeoSansStd-Light.eot');
  src: url('../fonts/NeoSansStd-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NeoSansStd-Light.woff2') format('woff2'),
      url('../fonts/NeoSansStd-Light.woff') format('woff'),
      url('../fonts/NeoSansStd-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neo Sans Bold';
  src: url('../fonts/NeoSansStd-Bold.eot');
  src: url('../fonts/NeoSansStd-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NeoSansStd-Bold.woff2') format('woff2'),
      url('../fonts/NeoSansStd-Bold.woff') format('woff'),
      url('../fonts/NeoSansStd-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neo Sans Std';
  src: url('../fonts/NeoSansStd-Regular.eot');
  src: url('../fonts/NeoSansStd-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NeoSansStd-Regular.woff2') format('woff2'),
      url('../fonts/NeoSansStd-Regular.woff') format('woff'),
      url('../fonts/NeoSansStd-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  background: url(https://www.e-vocacion.es/themes/evocacion/images/fondo.png) no-repeat top center #ffffff;
  color: #393939;
  font-family: 'Neo Sans Std';
  line-height: 1.3em;
  background-repeat: repeat-y;
}
.bg-rojo{
  background-color: rgba(226,0,49, 1);

}

nav#mainMenu {
    box-shadow: none;
    background-color: rgba(226,0,49, 1);
}

.navbar-dark .navbar-nav .nav-link {
  color: rgb(255, 255, 255) !important;
}
header.masthead h1 {
  font-size: 2.25rem;
}
.card-imagenes{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
section#participa {
  background: #797979;
  color:#fff;
}
section#participa .btn{
  background: #c10033;
  color:#fff;
}
section#participa a{
  color:#fff;
  text-decoration: underline;
}
section#participa a:hover{
  color:#13dcf9;
}
.rotar {
    -webkit-transform: rotate(-14deg);
    -moz-transform: rotate(-14deg);
    -o-transform: rotate(-14deg);
    transform: rotate(-14deg);
}
section#Experiencias{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
section#contacto{
  color: #000;
  background: transparent;
  padding-top: 5rem;
}
section#contacto big{
  font-size: 2rem;
  line-height: 3rem;
}
section#contacto small{
  font-size: 2rem;
}
section#contacto a{
  color:#000;
}
section#contacto a:hover{
  color:#c10033;
}
footer.bg-footer{
  background-color: #c10033 !important;
  color: #fff;
}
footer.bg-footer a{
  font-size: 1rem;
  color:#fff;
}
footer.bg-footer :hover {
  color:#000;
  text-decoration: none;
}
footer ul {
  list-style-type: none;
}

header#inicio .carousel {
  -webkit-box-shadow: 7px 11px 12px -1px rgba(0,0,0,0.74);
  -moz-box-shadow: 7px 11px 12px -1px rgba(0,0,0,0.74);
  box-shadow: 7px 11px 12px -1px rgba(0,0,0,0.74);
}
header#inicio .titular {
  position: absolute;
  top: 30px;
  padding: 25px 40px;
  background: #c10033;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: #8e0026 0px 2px 0px;
  color: #ffffff;
  font-size: 26.4px;
  z-index: 1;
}
.m-title {
  font: normal normal normal small Neo Sans W01, Verdana;
  font-size: 1rem;
  color: black;
  line-height: 2rem;
}
section#mecanica{
  background-color: white;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2rem 0;
}
section#tresExp h1{
  font-size: 1.5rem;
}
section#escogeExperiencias .btn-primary{
  /* position: absolute; */
  width: 100%;
  /* bottom:1px; */
  /* left:1px; */
}
.btn-primary{
  background-color: #d03d3f;
}
section#formParti a{
  color: #d03d3f !important;
}
section#formParti .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff !important;
  background-color: #d03d3f;
}
section#formParti .progress-bar {
  background-color: #d03d3f;
}
section#escogeExperiencias form{
  display: contents !important;
}
/****************************************************** Media query *************************************************************/
@media (min-width: 200px) {
  
  header.masthead p {
    font-size: 1.15rem;
  }
  header.masthead h1 {
    font-size: 2rem;
  }
  header.masthead #logo_evocacion {
  max-width: 8rem;
  }
  header#inicio .titular {
    position: absolute;
    top: 7px;
    padding: 4px 10px;
    background: #c10033;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: #8e0026 0px 2px 0px;
    color: #ffffff;
    font-size: 10.4px;
    z-index: 1;
  }
 
  section#Experiencias h1{
    font-size: 1.5rem;
    text-transform: uppercase;
  }
  

  section#participa{
    padding-top: 2rem;
    align-items: center;
  }
  section#participa h1{
    font-size: 2rem;
  }
  
  section#participa big{
    font-size: 3rem;
  }
  section#participa small{
    font-size: 4rem;
    line-height: 4rem;
  }
  section#participa form#formCod{
    margin-top: 5rem;
  }
  section#contacto big {
    font-size: 3rem;

  }
  section#contacto small {
    font-size: 1rem;
  }
 
  footer.bg-footer a{
  font-size: 0.7rem;
  }
  footer.bg-footer .small{
  font-size: 0.5rem;
  }
  footer.bg-footer img{
  width: 10%;
  }
  section#cabecera .jumbotron{
    background-color: #d03d3f;
    color:#fff;
  }
  section#cabecera h1{
    font-size: 1.5rem;
  }
  section#cabecera p{
    font-size: 1rem;
  }
  section#formParti h1{
    font-size: 1.5rem;
  }
  section#formParti h2{
    font-size: 1rem;
  }
  section#formParti p{
    font-size: 1rem;
  }
  section#formParti .nav{
    font-size: 0.8rem;
  }
  section#Resumen h1{
    font-size: 1.5rem;
  }
  section#Resumen h2{
    font-size: 1.5rem;
  }
  section#Resumen h3{
    font-size: 1.2rem;
  }
  section#Resumen p{
    font-size: 1rem;
  }
  section#Resumen a{
    color: black;
    text-transform: lowercase;
  }
  section#Resumen a:hover{
    color: #13dcf9;
  }
  .btn-info {
    color: #fff!important;
    background-color: #d03d3f!important;
    border-color: #d03d3f!important;
}
}
@media (min-width: 992px) {

  header.masthead {
    min-height: 40rem;
    padding-bottom: 0rem;

  }
  header.masthead p {
    font-size: 1.15rem;
  }
  header.masthead h1 {
    font-size: 3rem;
  }
  header.masthead #logo_evocacion {
  max-width: 19rem;
  }
  header#inicio .titular {
    position: absolute;
    top: 30px;
    padding: 25px 40px;
    background: #c10033;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: #8e0026 0px 2px 0px;
    color: #ffffff;
    font-size: 26.4px;
    z-index: 1;
}
  section#contacto small {
      font-size: 1.5rem;
  }
  footer.bg-footer a{
  font-size: 0.9rem;
  }
  footer.bg-footer .small{
  font-size: 0.7rem;
  }
  footer.bg-footer img{
  width: 30%;
  }

}
@media (min-width: 1200px) {
  header.masthead h1 {
    font-size: 3.5rem;
  }
  header#inicio .titular {
    position: absolute;
    top: 30px;
    padding: 25px 40px;
    background: #c10033;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: #8e0026 0px 2px 0px;
    color: #ffffff;
    font-size: 26.4px;
    z-index: 1;
}

  /* a */
  header.masthead #logo_evocacion {
  max-width: 19rem;
  }

  
  section#participa big{
    color: #fff;
    font-size: 2rem;
  }
  section#participa small{
    color: #fff;
    font-size: 3rem;
    line-height: 4rem;
  }
  section#participa .float-right{
    text-align: right;
    margin-top: 11%;

  }
  section#contacto big {
    font-size: 3rem;
  }
  section#contacto small {
    font-size: 1.5rem;
  }
  section#contacto p {
    margin-bottom: 3rem;
  }
  section#contacto i {
    font-size: 1.5em;
    padding-top: 0.4rem;
    padding-right: 0.3rem;
  }
  footer.bg-footer a{
  font-size: 1rem;
  }
  footer.bg-footer .small{
  font-size: 1rem;
  }
  footer #copyright{
    font-size: 0.6rem;;
  }
  footer.bg-footer img{
  max-width: 50px;
  }
}