body {
  background-color: #ba272d;
  height: 500px;
  font-family: 'Bebas Neue', cursive;
  background-image: url("../../assets/images/Recurso_5_1.webp");
  background-repeat:no-repeat;
  background-position-x:center;
  background-position-y:center; 
  font-display: swap;
}
strong{
    color: #f8f9fa;
    font-size: 1.6em;
}
p{
    font-size: 0.9em;
    color: #f8f9fa;
    text-align: justify;
}
.divIcons{
  margin-top: 2%;
}
.nomP{
  margin-left: 18%;
}
.nomN{
  margin-left: 35%;
}
.registroP{
  margin-left: 8% !important;
}
.registroN{
  margin-left: 25% !important;
}
.registro{
    margin-left: 25%;
    border-radius: 0.25rem;
    background-color: #fff;
  /*  box-shadow: 0px 0px 30px black;
    border: 2px solid rgba(0,0,0,.15);
    */
}
.contact1-pic img {
    max-width: 130% !important;
}
.porValidar{
    display: none;
    position: inherit !important;
}
.validado{
    display: inherit;
    position: inherit !important;
}
.contact1 {
    height: 100vh !important;
    background: none !important;
}
.contact1-form {
    width: 80%;
    padding-top: 4%;
    margin-left: 10%;
    padding-bottom: 1%;
}
.contact1-form-title{
  padding-bottom: 10px !important;
}
.imgF{
    width: 100% !important;
}
.container-contact1{
    padding: 5%;
    width: auto !important;
}
.sagradecimiento{
    margin-top: 2% !important;
    margin-bottom: -3% !important;
}
#agradecimientos{
    margin-top: 10% !important;
}
#fok_noupalep2{
  margin-top: 25%;
}
.iconRedsocial{
    width: 8%;
}
.face{
    width: 4%;
}
.redSocialText{
  font-size: 1.5em;
}
.navbar-brand {
    padding: 14px 20px;
    font-size: 16px
}
.navbar-nav {
    width: 93%;
}
.contenedorIdeas{
  padding: 1%;
  margin-left: 50.5%;
  margin-top: -11%;
  border-radius: 25px;
  margin-bottom: 3.3%;
  background-color: #e95530;
  box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.75);
  -webkit-box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.75);
}

@media (max-width: 575px) {
    .navbar-nav {
        background-color: #fff;
        width: 100%
    }
    .contenedorIdeas{
      padding: 4%;
      margin-left:0%;
      margin-top: 14%;
      margin-bottom: 0%;
    }
}
@media (max-width: 1280px) and (max-height: 1370px) {
      .contenedorIdeas{
        margin-top: 0%;
      }
}


.nav-item {
  margin-bottom: 0%;
  text-transform: uppercase
    padding: 6px 14px;
    text-align: center
}
.nav-link {
  color: #f8f9fa  !important;
/*  text-transform: uppercase;*/
    padding-bottom: 10px;
    font-size: 16px !important;
    font-weight: bolder;
}

.v-line {
    background-color: #fff;
    width: 1px;
    height: 20px;
    margin-top: 13.5px
}


element.style {
}
@media (min-width: 1200px)
.container {
    max-width: 1140px;
}
@media (min-width: 992px)
.container {
    max-width: 960px;
}
@media (min-width: 768px)
.container {
    max-width: 720px;
}
@media (min-width: 576px)
.container {
    max-width: 540px;
}

.container {
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    width: 73% !important;
}
@media (max-width: 575px){
  .nav-link{
    color: #000 !important;
  }
  .sagradecimiento{
      margin-top: 22% !important;
      margin-bottom: 0% !important;
  }
  .container {
    margin-top: 158px !important;

  }
}

.navbar-collapse.collapse.in {
    display: block !important
}
.navbar-nav {
            position: absolute;
            left: 63%;
            transform: translatex(-50%);
        }

        @media (max-width:575px) {
          #mi-video {
          margin-left: -54px;
          width: 143% !important;
          box-shadow: 0px 0px 30px black;
          margin-top: 25%;
}
        }
#mi-video {
  width: 100%;
  box-shadow: 0px 0px 30px black;
  margin-top: 25%;
}
.bg-black {
    background-color: #000
}
#logo {
    width: 60%;
    border-radius: 4px;
}
#divFacebook{
  margin-left: 10%;
}
/* a{
    font-size: 20px !important;
    font-weight: bolder;
} */
.navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0);
}
@media (max-width: 576px) {
    .nav-item {
        width: 100%;
        text-align: left
    }

    .v-line {
        display: none
    }
    #logo {
        width: 153px;
        height: 149px;
    }
}

@media (max-width: 686px){
    #divFacebook{
      margin-left: 0%;
    }
    .face {
      width: 8%;
    }
}

@media (min-width: 768px){
    #nomCA{
      margin-top: 10%;
    }
}

.form-control {

  border-radius: 25px !important;
}

.contact1-form-btn {
    min-width: 11px !important;
    height: 50px;
    border-radius: 16px !important;
}



/*.nav-link {
   margin-left: 5%;
   color: #000 !important;
}*/
@media (max-width: 575px){
  .nav-item {
      width: 100%;
      text-align: left;
      margin-bottom: 0%;
      border-style: solid;
      border-width: 0.5px;
      border-color: #807875;
  }
}