@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url("https://use.typekit.net/zmy5uha.css");


.main{
    
    
    margin-top: 94px;
    display: flex ;
    flex-direction: column;
    text-align: center;
}

.main a{
    width: 100%;
    text-decoration: none;
    /* background-color: brown; */
    /* padding: 180px 0; */
    /* border-top: 1px solid white; */
}

.parteSup{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.parteInf{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

 #eventos{
    width: 55%;
    display: flex;
    /* background-color: #be5a18; */
    /* background-image: url('/assets/images/eventos/AS\ DRIFT\ \(40\)--.jpg'); */
    /* background-size: cover;
    background-position:  center;
    background-repeat: none; */
    color: white;
    /* -webkit-text-stroke: 0.2px white; */
    /* color: transparent; */
    font-family: 'industry';
    font-size: 6rem;
    font-weight: 600;
    /* text-shadow: 2px 2px 2px #000; */
}

 #eventos .imagen{
    position: relative;
    width: 100%;
    height: 500px;
    background-image: url('/assets/images/eventos/eventos1.jpg');
    background-size: cover;
    background-position: center;
    align-content: center;
    /* border: 1px solid #3c3c3b; */
}
#eventos .imagen:before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.2s ease-in-out all;
}
#eventos:hover .imagen:before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    
}
#eventos .imagen p {
    position: relative;
}


 #tips{
    width: 45%;
    display: flex;
    /* background-color: #3c3c3b; */
    color: white;
    font-family: 'industry';

    font-size: 6rem;
    font-weight: 600;
    /* text-shadow: 2px 2px 2px #000; */

}
 #tips .imagen{
    position: relative;
    width: 100%;
    height: 500px;
    background-image: url('/assets/images/tips/traveling-with-off-road-car.jpg');
    background-size:cover;
    background-position: center;
    align-content: center;
    /* border: 1px solid #3c3c3b; */
}
#tips .imagen:before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.2s ease-in-out all;
}

#tips:hover .imagen:before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
}
#tips .imagen p {
    position: relative;
}

#institucional{
    width: 55%;
    display: flex;
    position: relative;
    /* color: rgba(255, 255, 255, 0.5); */
    font-family: 'industry';
    color: #fff;
    /* background-color: black; */
    /* -webkit-text-stroke: 0.2px white; */
    /* color: transparent; */
    font-size: 6rem;
    font-weight: 600;
    /* text-shadow: 2px 2px 2px #757575; */
}
#institucional .imagen{
    position: relative;
    width: 100%;
    height: 500px;
    background-image: url('/assets/images/eventos/eventos2.jpg');
    background-size: cover;
    background-position: center;
    align-content: center;

    /* border: 1px solid #3c3c3b; */
    
}
#institucional .imagen:before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.2s ease-in-out all;
}
#institucional:hover .imagen:before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
}
#institucional .imagen p {
    position: relative;
}



#convenios{
    width: 45%;
    display: flex;
    /* background-color: rgb(153, 0, 0); */
    color: white;
    font-family: 'industry';
    /* -webkit-text-stroke: 0.2px white; */
    /* color: transparent; */
    font-size: 6rem;
    font-weight: 600;
    /* text-shadow: 2px 2px 2px #000; */
}
#convenios .imagen{
    position: relative;
    width: 100%;
    height: 500px;
    background-image: url('/assets/images/convenios/tips1.jpeg');
    background-size: cover;
    background-position: 0 10%;
    align-content: center;
    /* border: 1px solid #3c3c3b; */
}

#convenios .imagen:before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.2s ease-in-out all;
}

#convenios:hover .imagen:before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
}
#convenios .imagen p {
    position: relative;
}


@media(max-width: 1038px){
    .parteSup{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .parteInf{
        width: 100%;
        display: flex;
        flex-direction: column;
    } 

    #institucional{
        width: 100%;
        font-size: 4rem;
    } 
    #tips{
        width: 100%;
        font-size: 4rem;
    } 
    #eventos{
        width: 100%;
        font-size: 4rem;
    }
     #convenios{
        width: 100%;
        font-size: 4rem;
    }
}