body {
    margin:0;
    padding:0;
    font-family:'Times New Roman', Times, serif;
    font-size:22px;
    letter-spacing:2px;
}

.section{
    width:100%;
    height:520px;
    float: left;
    position:static;
    padding: 0;
}

#leftbox{
    float: left;
    width: 30%;
    position:static;
}

.row{
    padding: 0;
    margin: 0;
    position: static;
}

.column {
    float: left;
    width: 30%;
    padding: 5px;
  }

.nav{
    width: 100%;
    margin:0;
    position:fixed;
    text-align:center;
    top:20px;
}

#question{
    text-align:center;
}

#nav-group {
    position: relative;
    z-index: 2;
    text-align: center;
}

img{
    width: 350px;
    height: 200px;
}

#menu-btn {
    display:block;
    padding-top: 0px;
    width: 10px;
    box-sizing: border-box;
    position:absolute;
    top:5px;
    right:0px;
}

.nav > ul{
    list-style: none;
    margin:0;
    padding:0;
}

.nav > li > a {
        text-decoration: none; 
        color: black;
}

.nav > li:hover{
    background-color: aliceblue;
}

.nav > li{
    display :inline-block;
    padding :20px;
}

#menu-icon {
    width: 43px;
    height: 50px;
    position: absolute;
    z-index: 2;
    right: 0px;
    text-align:right;
}

ul{
    width:auto;
    margin:auto;
    padding:0;
}

@media screen and (max-width: 1000px){


    .section{
        height: 1500px;

    }

    .nav > li > a{
        display: block;
        border: none;
        border-right: thin solid lightgray;
        padding: 0 15px;
    }

    ul.nav {
        display:block;
    }

    #menu-btn {
        display:inline;
        right:0px;
    }

    #leftbox{
        float: left;
        width: 100%;
    }


    .column{
        width: 100%;
    }

}

#footer{
    background-color:cadetblue;
    text-align:center;
    padding:5px;
    clear: both;
}

#LandingPage{
    background-color:azure;
}

#InfoPage{
    background-color: mediumslateblue;
}

#FormPage{
    background-color: darkseagreen;
}

#PhotoPage{
    background-color: darkgray;
}