@charset "UTF-8";
body {
    font-family: "Proxima-Nova";
    font-style: normal;
    font-weight: 400;
    max-width: 1200px;
}
* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

h1 {
    text-align: center;
}

/* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
.copy {
    text-align: center;
}

.col05 {
    width:50%;
    float:left;
}

@media only screen and (min-width: 768px) {
    .col-1 {
        width:25%;
        float:left;
    }

    .col05 {
        width:100%;
        float:left;
    }
    
    .col-2 {
        width:50%;
        float:left;
    }

    .col-3 {
        width: 75%;
        float: left;
    }

    .col-4 {
        width: 100%;
        float: left;
    }
    
    body {
    margin-left: 10%;
    margin-right: 10%;
    background-color: #FFFFFF;
    padding-left: 0px;
    }
p {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

}

@media only screen and (min-width: 1200px) {
    body {
    margin-left: 25%;
    margin-right: 25%;
    background-color: #FFFFFF;
    }
}

#banner {
    color: #FFFFFF;
    background-color: #0EBAB2;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    list-style-position: inside;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 2px;
}

#footer {
    color: #FFFFFF;
    background-color: #0EBAB2;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 2px;
}


h2, h3 {
    color: #08746E;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
a {
    color: #08746E;
    text-decoration: none;
}
#nav {
    height: 100%;
}