html {
    min-height:100%;
    background:url("./bg.jpg") rgba(0, 0, 0, 0.2) !important;
    background-size:cover;
    background-blend-mode: multiply;
}
body {
    margin:0;
    background: unset !important;
}
path{
    fill : url(#gradient)
   }
   footer a svg {
    width: 70px;
}
.Logo-brand {
    display: flex;
    justify-content: center;
}
.Logo-brand img {
    width: 100%;
    height: auto;
    max-width: 45%;
}
.content h1 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Epilogue', sans-serif;
    font-weight: 800;
    background: #FEBE10;
    background: -webkit-linear-gradient(to right, #e69600 25%, #fdf671 71%);
    background: -moz-linear-gradient(to right, #e69600 25%, #fdf671 71%);
    background: linear-gradient(to right, #e69600 25%, #fdf671 71%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* margin: 0; */
    padding-top: 20px;
    font-size: 12.9vw;
}
main.px-3 {
padding: 0 !important;
}

.commingsoon-holder {
    margin-top: 20px;
}
.commingsoon-holder h2 {
    margin-top: 50px;
    font-family: 'Epilogue', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 1rem;
    background: #FEBE10;
    background: -webkit-linear-gradient(to right, #e69600 25%, #fdf671 71%);
    background: -moz-linear-gradient(to right, #e69600 25%, #fdf671 71%);
    background: linear-gradient(to right, #e69600 25%, #fdf671 71%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

@media (min-width: 576px) { 
    html {
        font-size: 2.5rem !important;
    }
    .content h1 {
        line-height: .9em;
        font-size:10vw;
    }
    .Logo-brand img {
        width: 100%;
        height: auto;
        max-width: 130px;
    }
    .commingsoon-holder {
        margin-top: 20px;
    }
    footer a svg {
        width: 15vw;
    }
}

@media (min-width: 768px) { 
    html {
        background:url("./bg.jpg") rgba(0, 0, 0, 0.6) !important;
    }
    .content h1 {
        line-height: .9em;
        font-size: 7.9vw;
    }
    .Logo-brand img {
        width: 100%;
        height: auto;
        max-width: 130px;
    }
    .commingsoon-holder {
        margin-top: 20px;
    }
    footer a svg {
        width: 12vw;
    }
}

@media (min-width: 992px) {
    html {
        background:url("./bg.jpg") rgba(0, 0, 0, 0.6) !important;
    }
    .content h1 {
        line-height: .9em;
        font-size: 7vw;
    }
    .Logo-brand img {
        width: 100%;
        height: auto;
        max-width: 15vw;
    }
    .commingsoon-holder {
        margin-top: 20px;
    }
    footer a svg {
        width: 7.6vw;
    }
}

@media (min-width: 1200px) { 
    html {
        background:url("./bg.jpg") rgba(0, 0, 0, 0.6) !important;
    }
    .content h1 {
        line-height: .9em;
        font-size: 6.0vw;
    }
    .Logo-brand img {
        width: 100%;
        height: auto;
        max-width: 12.3vw;
    }
    .commingsoon-holder {
        margin-top: 20px;
    }
    footer a svg {
        width: 6vw;
    }
}

@media (min-width: 1400px) { 
    html {
        background:url("./bg.jpg") rgba(0, 0, 0, 0.6) !important;
    }
    .content h1 {
        line-height: .9em;
        font-size: 4.9vw;
    }
    .Logo-brand img {
        width: 100%;
        height: auto;
        max-width: 9.3vw;
    }
    .commingsoon-holder {
        margin-top: 20px;
    }
    footer a svg {
        width: 6vw;
    }
}