body {
    margin: 0px;
}
#body_wrapper {
    margin-left: auto;
    margin-right: auto;
}
    @media screen and (min-width: 315px){
        #body_wrapper{width: 315px;}
    }
    @media screen and (min-width: 630px){
        #body_wrapper{width: 630px;}
    }
    @media screen and (min-width: 945px){
        #body_wrapper{width: 945px;}
    }
    @media screen and (min-width: 1260px){
        #body_wrapper{width: 1260px;}
    }

#head_wrapper{
    width: 100%;
    background-color: lightgray;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#logo_wrapper {
    margin: 10px;
    margin-top: 0px;
    width: auto;
    padding: 10px
}
#logo_wrapper h1 {
    margin: 0px;
    font-family: "Times New Roman", Times, serif;
    padding-left: 25px;
}
.page_divider_cell{
    background-color: #286dc0;
    height: 4px;
    width: 100%;
    margin-top:  20px;
    margin-bottom: 20px;
}
#nav-container {
    width: auto;
}
#img_container img {
    clip-path: inset(0 round 20px);
}
#img_container {
    background-color: darkred;
    padding: 20px;
    border-radius: 20px;
    width: 600px;
    height: 600px;
}
#open_info_box {
    display: flex;
    align-items: center;
    background-color: lightgray;
    padding: 20px;
    border-radius: 20px;
    justify-content: space-between;
}
.nav_button div {
    width: 210px;
    height: 210px;
    background-color: black;
    border-radius: 210px;
    margin: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#secondary_nav {
    display: flex;
    background-color: lightgray;
    border-radius: 210px;
    margin-top: 10px;
}
.nav_button div h1{
    color: white;
    margin-top: 0px;
    margin-bottom: 10px;
}
footer {
    background-color: grey;
    margin: 0px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    height: 200px;
    margin-top: 15px;
}
footer div ul{
    margin: 0px;
    display: flex;
    justify-content: space-around;
    padding-left: 0px;
    list-style-type: none;
}
footer div ul li{
    background-color: black;
    width: 100%;
    height: 100px;
    margin-left: 1px;
    margin-right: 1px;
    text-align: center;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    display: flex;
}
footer div ul li a{
    width: inherit;
    height: inherit;
    display: block;
    color: white;
}
footer div p{
    margin: 0px;
    height: 100px;
}