@font-face {
 font-family: "Font1" ;
 src: url(/assets/outfit-regular.ttf);
}

@font-face {
 font-family: "Font2" ;
 src: url(/assets/Millie\ Bobby.ttf);
}

@font-face {
 font-family: "Font3" ;
 src: url(/assets/BebasNeue-Regular.ttf);
}

body{
 background-color: black;
 font-family: "Font1";
}



.seccion-1{
background-image: url(/assets/1.\ PRINCIPAL.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 100vh;
}

.seccion-2{
 background-image: url(/assets/impulsados.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
 }

 .seccion-3{
  background-image: url(/assets/3.\ CONTACTO.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  }
 

.text-1{
 color:aliceblue;
 font-family: "Font1";
 font-size: 1.225rem;
 padding: 0px;
}

.text-2{
 color:aliceblue;
 font-family: "Font3";
 font-size: 5rem;
 padding: 0px;
}

.text-3{
 color:#5CA1F5;
 font-family: "Font1";
 font-size: 1.225rem;
 padding: 0px;

}

.text-4{
 color:aliceblue;
 font-family: "Font1";
 font-size: 1.225rem;
 padding: 0px;
}

.text-blue-cursiva{
 color:#5CA1F5
}

.text-blue{
 color:#5CA1F5
}

.text-justify{
 text-align: justify;
}

.copyright{
 font-size: .725rem;
}

.mw-form input, .mw-form input:focus{
 background-color: transparent !important;
 color: white !important;
}

.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after,
.mw-form label
{
 background-color: transparent;
 color: #5CA1F5 !important;
}

.form-control{
 border-top: 0px !important;
 border-left: 0px !important;
 border-right: 0px !important;
 border-radius: 0px;
}

.impulsados{
 border-color: white;
 border-width: 2px;
 border-style: solid;
}

.impulsados-t1, .contacto-t{
 font-family: "Font3" !important;
}


.text-blue-cursiva{
 font-family: "Font2";
 font-size: 4rem;
}


.offcanvas{
  background-color: #5CA1F5;
}

.bg-black{
  background-color: rgba(0, 0, 0, 0.693) !important;
}

.navbar-toggler
{
 color: aliceblue;
}

@media all and (max-width: 480px){
  .seccion-1{
    background-image: url(/assets/mobileprincial.jpg);
  
    }
    
    .seccion-2{
     background-image: url(/assets/mobileimpulso.jpg);
  
     }
    
     .seccion-3{
      background-image: url(/assets/mobilecontacto.jpg);
    
      }
     
}