body
{
    /* font-family: 'Anton', sans-serif !important; */
    font-family: 'Oswald', sans-serif !important;
}

.main-container
{
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 100vh; */
}


.content-container
{
    width: 60% !important;
    color: #fff;
    /* border: 1px solid red; */
}
.content-container > div
{
    /* border: 1px solid white; */
}

.content-container > #two
{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.content-container > #two > #two > img
{
    width: 100%;
}

.content-container > #three
{
    /* margin-top: -230px; */
    /* margin-top: -100px; */
}


#logo
{
    width: 25%;
    margin: 5% 0;
}
#heading
{
    font-size: 4rem;
}

.promo-container
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3%;
    margin: 2% 0;
}

.promo-container > div
{
    /* background-color: #393a3b; */
    /* background-color: rgba(0,0,0,0.5); */
    /* background-color: rgba(176, 171, 174, 0.5);  */
    background-color: #262425;
    font-size: 1.2rem;
}

.blue
{
    color: #009bdf;
}
.yellow
{
    color: #f9e12b;
}

.reg-btn
{
    background-color: #0ddf74;
    /* width: 35%; */
    /* margin: 5% 0; */
}

.footer
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
}
.footer img
{
    width: 100%;
}



@media (max-width: 1400px)
{
    .content-container
    {
        width: 70%;
    }
    .content-container > #three
    {
        margin-top: -300px;
    }
}


@media (max-width: 1000px)
{
    .content-container
    {
        width: 100%;
    }
    .content-container > #three
    {
        margin-top: -190px;
    }
}


@media (max-width: 800px)
{
    .content-container
    {
        width: 100%;
    }
    .content-container > #three
    {
        margin-top: -50px;
    }
    .promo-container
    {
        grid-template-columns: 1fr;
        grid-row-gap: 10%;
        margin: 10% 0;
    }
}


@media (max-width: 700px)
{
    .promo-container
    {
        grid-template-columns: 1fr;
        grid-row-gap: 10%;
        margin: 10% 0;
    }
    .content-container > #two
    {
        grid-template-columns: 1fr 1fr;
    }
    .content-container > #three
    {
        text-align: center;
        margin: auto;
    }
    .content-container > #four
    {
        text-align: center;
        margin: auto;
    }
}


@media (max-width: 500px)
{
    .reg-btn
    {
        margin: 2% 0;
    }
    .content-container
    {
        width: 100%;
    }
    .promo-container
    {
        grid-template-columns: 1fr;
        margin: 10% 0;
    }
    .reg-btn
    {
        width: 60%
    }
    #logo
    {
        width: 50%;
    }
    /* .footer
    {
        margin-top: 5%;
    } */
    #bottom
    {
        margin-top: -600px;
    }
    #bottom img
    {
        width: 80%;
    }

    .main-container
    {
        height: 100vh;
        height: 100%;
    }

    .content-container > #two
    {
        grid-template-columns: 1fr;
    }
    .content-container > #three
    {
        text-align: center;
        margin: auto;
    }
    .content-container > #four
    {
        text-align: center;
        margin: auto;
    }
}