@media (min-width: 1550px){
    body{
        background-color:#FFC437;
    }

    .mainText{
        color: white;
        font-size: 2em;
    }

    #textBox{
        border: 1em solid #303237;
        border-radius: 1em;
        text-align: center;
        width: 50%;
        height: 50%;
        margin:8% 25% 0% 25%;
        background-color: #2F3035;
    }

    #constructionImage{
        background-image: url("../images/construction.png");
        width: 772px;
        height: 250px;
        margin:auto;
        border-radius: 1em;
    }
    #supportButton{
        position: relative;
        float: right;
        margin: 0em 8em 0em 6em;
        bottom: 8em;
        padding: 1em;
        background-color: #FFC437;
        border-radius: 1em;
    }
    #supportButton a{
        text-decoration: none;
        color: white;
        font-size: 2em;
    }
    #supportButton:hover{
        background-color: #2F3035;
    }
}
@media all and (min-width: 1200px) and (max-width: 1549px){
    body{
        background-color:#FFC437;
    }

    .mainText{
        color: white;
        font-size: 2em;
    }

    #textBox{
        border: 1em solid #303237;
        border-radius: 1em;
        text-align: center;
        width: 50%;
        height: 50%;
        margin:8% 25% 0% 25%;
        background-color: #2F3035;
    }

    #constructionImage{
        background-image: url("../images/construction_75.png");
        width: 579px;
        height: 188px;
        margin:auto;
        border-radius: 1em;
    }
    #supportButton{
        position: relative;
        float: right;
        margin: 0em 2.5em 0em 6em;
        bottom: 8em;
        padding: 1em;
        background-color: #FFC437;
        border-radius: 1em;
    }
    #supportButton a{
        text-decoration: none;
        color: white;
        font-size: 2em;
    }
    #supportButton:hover{
        background-color: #2F3035;
    }
}
@media all and (min-width: 1000px) and (max-width: 1199px){
    body{
        background-color:#FFC437;
    }

    .mainText{
        color: white;
        font-size: 2em;
    }

    #textBox{
        border: 1em solid #303237;
        border-radius: 1em;
        text-align: center;
        width: 50%;
        height: 50%;
        margin:8% 25% 0% 25%;
        background-color: #2F3035;
    }

    #constructionImage{
        background-image: url("../images/construction_50.png");
        width: 386px;
        height: 125px;
        margin:auto;
        border-radius: 1em;
    }
    #supportButton{
        position: relative;
        float: right;
        margin: 0em 0.2em 0em 0em;
        bottom: 8em;
        padding: 0.2em;
        background-color: #FFC437;
        border-radius: 1em;
    }
    #supportButton a{
        text-decoration: none;
        color: white;
        font-size: 2em;
    }
    #supportButton:hover{
        background-color: #2F3035;
    }
}
@media (max-width: 999px){
    body{
        background-color:#FFC437;
    }

    .mainText{
        color: white;
        font-size: 2em;
    }

    #textBox{
        border: 1em solid #303237;
        border-radius: 1em;
        text-align: center;
        width: 50%;
        height: 50%;
        margin:8% 25% 0% 25%;
        background-color: #2F3035;
    }

    #constructionImage{
        background-image: url("../images/construction_50.png");
        width: 386px;
        height: 125px;
        margin:auto;
        border-radius: 1em;
    }
    #supportButton{
        text-align: center;
        margin: 0em 3em 1em 3em;
        bottom: 8em;
        padding: 1em;
        background-color: #FFC437;
        border-radius: 1em;
    }
    #supportButton a{
        text-decoration: none;
        color: white;
        font-size: 2em;
    }
    #supportButton:hover{
        background-color: #2F3035;
    }
}