html body {
    padding: 0px;
    margin: 0px;
    background-color: rgb(242, 247, 252);
    font-family: "Ubuntu";
}

a {
    color: #F05626;
    text-decoration: none;
}

p {
    width: 60vw;
    padding: 20px 0px 10px 20px;
    color: #727070;
}

li {
    color: #727070;
    list-style: none;
    padding-bottom: 5px;
}

li::before {
    content: "\f0c2"; /* Unicode for the Font Awesome icon (user icon in this case) */
    font-family: "Font Awesome 6 Free"; /* Specify the Font Awesome font */
    font-weight: 900; /* Font weight to display the icon properly */
    position: relative;
    color: #0076BD; /* Icon color */
    font-size: 14px; /* Icon size */
    padding-right: 10px;
}

a:hover {
    color: #0076BD;
    text-decoration: none;
}

#wrapper {
    width: 100%;
    height: 100%;
}

#header {
    background-color: #FFFFFF;
    height: 14vh;
}

#header_logo {
    float: left;
    width: 20vw;
    height: 130px;
    border: none;
}

#main_logo {
    width: 200px;
    padding: 0px 0px 0px 100px;
}

#header_title {
    float: left;
    width: 60vw;
    height: 130px;
    border: none;
}

#header-h1 {
    padding: 20px 0px 0px 0px;
    text-align: center;
    color: #F05626;
}

#header-h2 {
    padding: 50px 0px 50px 0px;
    text-align: center;
    color: #F05626;
}

#header_right {
    float: right;
    width: 20vw;
    height: 130px;
    border: none;
}

#main {
    width: 100vw;
    height: 56vh;
}

#content {
    margin: auto;
    width: 70vw;
    height: 56vh;
    background-color: #FFFFFF;
    padding: 10px;
}

#footer {
    background-color: #0076BD;
    height: 30vh;
}

@media all and (max-width: 975px) {
    #header_title {
        float: right;
        width: 60vw;
        height: 130px;
        border: none;
    }

    #header_logo {
        float: left;
        width: 20vw;
        height: 130px;
        border: none;
    }

    #main_logo {
        width: 200px;
        padding: 0px 0px 0px 0px;
    }

    #header_right {
        display: none;
    }

    #header-h2 {
        padding: 10px 0px 10px 0px;
        text-align: center;
        color: #F05626;
    }

    #header-h1 {
        padding: 20px 0px 0px 0px;
        color: #F05626;
        text-align: center;
    }

    p {
        width: 60vw;
        padding: 0px 0px 10px 20px;
        color: #727070;
    }
}