#nav {
    color: #ffffff;
    background-color: #00674C;
    text-align: center;
    right: 0;
    position: fixed;
    left: 0;
    /* bottom: 0; */
    width: 100%;
    text-align: center;
}

#navIn {
    color: #ffffff;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    font-size: 200%;
}


/* #navIn {
    width: 35%;
} */

#bgrtwo {
    background-color: #99cfe0;
    text-align: center;
    height: 400px;
    display: table-cell;
}

#bgrone {
    background-color: #7aeb7a;
    text-align: center;
    height: 400px;
    width: 60%;
}

#lbl2,
#lbl {
    text-align: center;
}

#button1 {
    padding-top: 35%;
}

#button2 {
    padding-top: 35%;
}

#color1 {
    background-color: #99cfe0;
}

#color2 {
    background-color: #7aeb7a;
}

#foot {
    background-color: #00674C;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
}

#layout {
    padding-top: 5.5%;
    padding-left: 15%;
    padding-right: 15%;
}

#bgrone,
#bgrtwo {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    text-align: center;
}