@font-face {
    font-family: "Montserrat", "Sans-serif";
}
html {
    min-height: 100%;
    position: relative;
    font-family: "Montserrat", "Sans-serif" !important;
}
body{
    background-image: url('../assets/img/fondo_edificios.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    font-family: "Montserrat", "Sans-serif" !important;
}
p{
    font-size: 120%;
}
label{
    font-weight: 700;
    font-size: larger;
}
h1{
    font-size: 237%;
}
input{
    background-color: #efefef !important;
    border: none !important;
}
select{
    background-color: #efefef !important;
    border: none !important;
    color: balck !important;
}
img{
    max-width: 100%;
}
.card-title{
    font-size: 150%;
}
.line-orange{
    height: 30px;
    background:rgb(252,186,53);
    background: linear-gradient(90deg,rgba(252,186,53,1)20%,rgba(252,150,37,1)83%);
}
.logo{
    width: 22%;
    min-width: 170px;
    max-width: 100%;
}
.btn-img{
    background:rgb(64,179,177);
    background: linear-gradient(90deg,rgba(82,127,250,1)20%,rgba(64,200,251,1)83%);
    color: white !important;
    font-size: larger !important;
    border-radius: 35px !important;
}
.btn-continue{
    background:rgb(252,186,53);
    background: linear-gradient(90deg,rgba(252,186,53,1)20%,rgba(252,150,37,1)83%);
    color: white !important;
    font-size: larger !important;
    border-radius: 35px !important;
}
.footer{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
}
.text-orange{
    color: #f46903 !important;
}
.form-check-input{
    border: 1px solid #000000 !important;
    width: 17px !important;
    height: 17px !important;
}
.form-check-input:checked{
    background-color: #f46903 !important;
    color: #f46903 !important;
}
.card{
    border-color: #f46903 !important;
}
.fecha{
    width: 17%;
    float: left;
    margin-left: 38%;
    padding-top: 6%;
    max-width: 100%;
}
.welcome-btn{
    background:rgb(64,179,177);
    background: linear-gradient(90deg,rgba(82,127,250,1)20%,rgba(64,200,251,1)83%);
    color: white !important;
    font-size: 250% !important;
    border-radius: 35px !important;
    letter-spacing: 0.2em;
    float: left;
    margin-left: 32%;
}
.font-120{
    font-size: 120%;
}
.welcome-btn-2{
    background:rgb(64,179,177);
    background: linear-gradient(90deg,rgba(82,127,250,1)20%,rgba(64,200,251,1)83%);
    color: white !important;
    font-size: 250% !important;
    border-radius: 35px !important;
    letter-spacing: 0.2em;
    margin-top: 5%;
    margin-bottom: 8%;
}
.categorias{
    background-image: url('../assets/img/cuadro_gris.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}
.content{
    margin-bottom: 10%;
}
#group_name_field{
    display: none;
}
@media (max-width: 480px){
    label{
        font-weight: 600;
        font-size: medium;
    }
    h1{
        font-size: calc(1.375rem + 1vw) !important;
    }
    .logos_camp{
        min-width: 285px;
        width: 35%;
    }
    .welcome-btn{
        background:rgb(64,179,177);
        background: linear-gradient(90deg,rgba(82,127,250,1)20%,rgba(64,200,251,1)83%);
        color: white !important;
        font-size: 250% !important;
        border-radius: 35px !important;
        letter-spacing: 0.2em;
        float: left;
        margin-left: 5%;
    }
    .fecha{
        margin-left: 13%;
        width: 50%;
    }
    .img-race{
        min-width: 35%;
    }
}