html, body {
    background-color: #D13239;
    height: 97%;
    width: 90%;
    margin: 0;
}

/*TODO: Build scaling for HD, 2k, and 4k Res for containers and content*/
@media (max-width: 1200px) {
    .box {
        padding: 30px 50px 40px 40px;
        width: 95%;
        height: 90%;
        margin: 5% 10% 0 10%;
        left: 50%;

    }

    .content-block{
        border: 10px solid white;
        background-color: whitesmoke;
        border-radius: 70px 10px;
        height: 85%;
        padding: 40px 20px 20px 20px;
        overflow: auto;
    }

    .logo {
        max-width: 18vw;
    }

    h3 {
        position: relative;
        color: #03182b;
        font-size: 4vw;
        text-align:center;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        margin: 5% auto 5% auto;
        padding: 1% 1% 1% 1%;
    }

    .list {
        list-style-type: circle;
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 3vw;
        text-align: left;
        font-weight: 250;
        color: #000000;
        margin: 5% auto 5% 10%;
        padding: 1% 1% 1% 1%;
    }

    .paragraph {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 3vw;
        text-align: left;
        font-weight: 600;
        color: #000000;
        margin: 5% auto 5% auto;
        padding: 5% 5% 1% 5%;
    }


    footer {
        position: relative;
        bottom: 0;
        right: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1vw;
        padding-top: 15px;
        text-align: right;
        float: right;
    }
}

@media (min-width: 1201px) {
    .box {
        padding: 30px 50px 40px 40px;
        width: 95%;
        height: 90%;
        margin: 5% 10% 0 10%;
        /*margin-left: 10%;*/
        /*margin-right: 10%;*/
        /*margin-top: 20px;*/
        left: 50%;

    }

    .content-block{
        border: 10px solid white;
        background-color: whitesmoke;
        border-radius: 70px 10px;
        height: 85%;
        padding: 40px 20px 20px 20px;
        overflow: auto;
    }

    .logo {
        max-width: 18vw;
    }

    h3 {
        position: relative;
        color: #03182b;
        font-size: 2.5vw;
        text-align:center;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        margin: 5% auto 5% auto;
        padding: 1% 1% 1% 1%;
    }

    .list {
        list-style-type: circle;
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.5vw;
        text-align: left;
        font-weight: 250;
        color: #000000;
        margin: 5% auto 0 10%;
        padding: 1% 1% 1% 1%;
    }

    .paragraph {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.5vw;
        text-align: left;
        font-weight: 250;
        color: #000000;
        margin: auto auto 5% auto;
        padding: 5% 5% 1% 5%;
    }


    footer {
        position: relative;
        bottom: 0;
        right: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1vw;
        padding-top: 15px;
        text-align: right;
        float: right;
    }
}