body{
    font-family: 'Source Sans 3', sans-serif;
    background-color: #efefff !important;
}

label{
    padding-top: 3%;
}

img {
    width: 100%; 
    height: auto; 
}

p{
padding-top: 2%;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
}

.section-center{
    align-self: center;
}

input, select{
width: 360px;
height: 40px;
flex-shrink: 0;
background: transparent;
border-radius: 8px;
}


.space-top{
    padding-top: 5%;
    padding-bottom: 5%;
    max-width: 1000px;
    margin-inline: auto;
}

footer{
    background-color: #000;
    padding: 5%;
    color: #ffffff;
    
  }

  .t-center{
    text-align: -webkit-center; 
}


@media only screen and (max-width: 767px) {
    .direction {
        flex-direction: column-reverse; /* Cambia el orden de las columnas en dispositivos pequeños */
        padding: 2%;

    }
    .res-contener{
        text-align: center;
    }
}