@font-face {
    font-family: 'VwHead';
    src: url('/css/vwhead/vwhead-regular.woff2') format('woff2'), url('/css/vwhead/vwhead-bold.woff2') format('woff2'), url('/css/vwhead/vwhead-light.woff2') format('woff2');
}

@font-face {
    font-family: 'VwText';
    src: url('/css/vwhead/vwtext-regular.woff2') format('woff2'), url('/css/vwhead/vwtext-bold.woff2') format('woff2');
}
html
{
    min-height: 100%;
}
body {
    font-family: "VwText", 'VwHead' ,"Roboto", "Tahoma", serif;
}

.swal2-container {
    z-index: 1500 !important;
}

/*Solo para Modelo*/

.Hero {
    min-height: 75vh;
    background-color: var(--mud-palette-primary);
/*    background-image: url("https://snake-images.s3.us-east-2.amazonaws.com/vwz/jetta_1_957132da-4ac8-4108-a89e-1c3dbd1467d9.png");
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;*/
}


/**/



.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #001e50;
}

ul{
    list-style: circle;
    list-style: inside;
}

/*16*/
.vw-head-regular-16 {
    font-family: 'VwHead';
    font-weight: normal;
    font-size: 1.2em !important;
}


/*17*/
.vw-text-regular-17 {
    font-family: 'VwText';
    font-weight: normal;
    font-size: 1.1em !important;
    line-height: normal;
}
.vw-text-bold-17 {
    font-family: 'VwText';
    font-weight: bold;
    font-size: 1.1em !important;
    line-height: normal;
}

.vw-head-bold-17-5 {
    font-family: 'VwHead';
    font-weight: bold;
    font-size: 1.2em !important;
}
.vw-head-regular-17-5 {
    font-family: 'VwHead';
    font-weight: normal;
    font-size: 1.2em !important;
}


/*20.5*/

.vw-text-regular-20-5 {
    font-family: 'VwText';
    font-weight: normal;
    font-size: 1em !important;
}

.vw-text-bold-20-5 {
    font-family: 'VwText';
    font-weight: bold;
    font-size: 1em !important;
}

/*23*/

.vw-text-regular-23 {
    font-family: 'VwText';
    font-weight: normal;
    font-size: 1.4em !important;
}


/* 24*/

.vw-text-regular-24 {
    font-family: 'VwText';
    font-weight: normal;
    font-size: 1.24em !important;
}

.vw-text-bold-24 {
    font-family: 'VwText';
    font-weight: bold;
    font-size: 1.24em !important;
}

/*28.5*/

.vw-text-regular-28-5 {
    font-family: 'VwText';
    font-weight: normal;
    font-size: 1.5em !important;
}


.vw-text-bold-28-5 {
    font-family: 'VwText';
    font-weight: bold;
    font-size: 1.5em !important;
}



/*46*/
.vw-head-regular-46 {
    font-family: 'VwHead';
    font-weight: normal;
    font-size: 3.4em !important;
    line-height: normal;
}
.vw-head-bold-46 {
    font-family: 'VwHead';
    font-weight: bold;
    font-size: 3.4em !important;
    line-height: normal;
}
/*42*/

.vw-text-regular-42 {
    font-family: 'VwText';
    font-weight: normal;
    font-size: 2.8em;
    line-height: normal;
}

.vw-head-regular-35 {
    font-family: 'VwHead';
    font-weight: normal;
    font-size: 2.8em !important;
    line-height: normal;
}


/*62*/

.vw-text-regular-62 {
    font-family: 'VwText';
    font-weight: normal;
    font-size: 4.5em;
    line-height: normal;
}

.vw-head-bold-62 {
    font-family: 'VwHead';
    font-weight: bold;
    font-size: 3em;
    line-height: normal;
}


.vw-text-regular-14 {
    font-family: 'VwText';
    font-weight: normal;
    font-size: 1em !important;
}




.vw-text-regular-19 {
    font-family: 'VwText';
    font-weight: normal;
    font-size: 1.2em !important;
}










.vw-text-regular-16 {
    font-family: 'VwText';
    font-weight: normal;
    font-size: 1.4em !important;
}

.vw-head-bold-62 {
    font-family: 'VwHead';
    font-weight: bold;
    font-size: 5.16em;
    line-height: normal;
}

.vw-head-bold-34 {
    font-family: 'VwHead';
    font-weight: bold;
    font-size: 2.86em;
    line-height: normal;
}


.OnTop{
    top:0;
    position: fixed;
    background-color: #FFFFFF;
    width: 100%;
}

.InBody{
    display: none;
}

.fontMenu{
    font-size: 1rem;
}

.catalogo-height{
    height: 300px;
}

.info-height {
    height: 400px;
}

@media screen and (max-width:1200px)
{
    .fontMenu{
        font-size: 1rem;
    }
}


@media screen and (max-width:900px) {
    .fontMenu {
        font-size: 0.8rem;
    }
    .catalogo-height{
        height: 500px;
    }

    .info-height {
        height: 600px;
    }

    .Hero {
        min-height: 45vh;
    }
}


@media screen and (max-width:800px)
{
    .fontMenu{
        font-size: 0.5rem;
    }
    .catalogo-height{
        height: 500px;
    }
    .Hero {
        min-height: 35vh;
    }
    .info-height {
        height: 650px;
    }

}


@media screen and (max-width:400px)
{
    .fontMenu{
        font-size: 0.4rem;
    }
    .catalogo-height{
        height: 500px;
    }
    .Hero {
        min-height: 25vh;
    }
    .info-height {
        height: 650px;
    }

}