/* Stackoverflow preview fix, please ignore */
   .navbar-nav {
     flex-direction: row;
   }

   .nav-link {
     padding-right: .5rem !important;
     padding-left: .5rem !important;
   }

   /* Fixes dropdown menus placed on the right side */
   .ml-auto .dropdown-menu {
     left: auto !important;
     right: 0px;
   }

.back{

  position: absolute;
top: 0;
z-index: -100;
right: 0;
display: block;
bottom: auto;
width: 100%;
height: 80vh;
margin: 0 auto;
opacity: 1;
background-image: url('../assets/fongo.jpg');
background-position: 50%;
background-repeat: no-repeat;

}

.backdos{

  position: absolute;
top: 0;
z-index: -100;
right: 0;
display: block;
bottom: auto;
width: 100%;
height: 80vh;
margin: 0 auto;
opacity: 1;
background-image: url('../assets/fongo.jpg');
background-position: 50%;
background-repeat: no-repeat;

}
.intro{

  display: flex;
justify-content: center;
align-items: center;
z-index: 1000;

}

.azul{

  max-width: 40%;
  margin-right: auto;

}


.formulario{

margin-top: 60px;
margin-bottom: 40px;


}


.barra-1{

  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
      border-top-color: currentcolor;
      border-top-style: none;
      border-top-width: 0px;
  border-top: 20px solid #4999D4;

}

.log{

text-align: center;

}



.contenedor{

background-color: #e5e5e5;

}

.box{

    margin-top: 3%;
    padding-top: 9px;

  }

.carta{
  width: 100%;
  height: 220px;
border-color: grey;
box-shadow: 0px 10px #888888;
margin-top: 10%;
margin-bottom: 10%;
background-color: white;
border-radius: 30px;

}


.carta-dos{
  background-color: white;
  width: 100%;
  height: 300px;
border-color: grey;
box-shadow: 0px 10px #888888;
margin-top: 10%;
margin-bottom: 10%;
border-radius: 20px;

}

.espacio {

margin-top: 20%

}




.text-form{
    background-color: #40BCEA;
    color: white;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
}


.box-form{
    background:#e5e5e5;
    margin: 20px;
}

.azul-dos{

  background: url('../assets/trazado-azul.svg');
  background-repeat: no-repeat;
  background-color: #4999d4;

}

.caract{

text-align: justify;
color: white;


}

.smart-blue{
padding-top:40px;
padding-bottom: 40px;
color: white;

}

.contenedor-smart{

max-width: 70%;
margin-left: auto;
margin-right: auto;
}


.espacio{

margin-top:40px;

}

.smart-white{
text-align: right;

}

.azul-full{
  padding-top:80px;
  max-width: 100%;
  margin-right: auto;

}

.azul-full-1{
  max-width: 100%;
  margin-right: auto;

}

.espacio{


padding-top: 1px;

}

.req{

margin-top: 40px;
margin-bottom: 40px;

}

.text-req{

  margin: auto;
}

footer{

background-color: #4999d4;

}

.text-footer{

  color: white;
}

.envia{

padding-top: 40px;
padding-bottom: 40px;

}


.mar{


margin-top: 40px;
padding-top: 80px;


}


@media only screen and (max-width: 600px) {
  .azul-dos{

    background: #4999d4!important;


  }
  .text-footer{

    margin-top: 40px;
    text-align: center;

  }


.carta{


  height: auto;
  margin-top: 0%;

}


.carta-dos{

height: auto;


}


.back{

  position: absolute;
top: 0;
z-index: -100;
right: 0;
display: block;
bottom: auto;
width: 100%;
height: 80vh;
margin: 0 auto;
opacity: 1;
background-image: url('../assets/fongo.jpg');
background-position: 50%;
background-repeat: no-repeat;
display: none;

}



}



.t-blue{


  background-color:#4999d4; color:white;

}