header {
                    background-image: url("./../images/top-back.png");
                    background-repeat: repeat-x;
                    background-size: auto;
                    height: 100%;
                    width: 100%;
                }
                
                .logo {
                    justify-content: center;
                    display: block;
                    align-items: center;
                    margin-left: 30px;
                }
                
                .logo img {
                    max-width: 100%;
                    max-height: 175px;
                }
                
                nav {
                    background-image: url("./../images/sharon-nav.png");
                    background-repeat: repeat-x;
                    border-top: 1px solid black;
                    border-bottom: 1px solid black;
                    background-size: cover;
                    height: 100%;
                    width: 100%;
                    font-weight: bold;
                }
                
                nav .top-menu {
                    justify-content: center;
                    display: flex;
                    flex-wrap: wrap;
                    margin-top: 14px;
                    margin-bottom: 14px;
                }
                
                nav a {
                    margin: 5px 10px 5px 10px;
                    color: white;
                    text-decoration: none;
                    font-size: 1rem;
                }
                
                nav a:hover {
                    color: black;
                    border: 1px solid wheat;
                }
                
                .dropmenu {
                    display: inherit;
                }
                
                .dropmenu .menulines {
                    display: none;
                }
                
                .menulines .dropmenu a:hover {
                    display: block;
                }
                
                .initslides {
                    display: none;
                }
                
                .rotators {
                    display: flex;
                    margin: 20px 10px 30px 10px;
                    flex-wrap: wrap;
                }
                
                .slideshow {
                    max-width: 600px;
                    height: 50%;
                    display: inline-block;
                }
                
                .localslides {
                    position: relative;
                }
                
                .imagetext {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    font-size: 2rem!important;
                    padding: 0.01em 16px;
                    padding-top: 16px!important;
                    padding-bottom: 16px!important;
                    color: #fff!important;
                    background-color: rgb(0, 0, 0, .5)!important;
                }
                
                .slidebutton {
                    border: 10px;
                    overflow: hidden;
                    text-decoration: none;
                    color: inherit;
                    background-color: inherit;
                    cursor: pointer;
                    white-space: nowrap;
                    color: white!important;
                    background-color: rgb(0, 0, 0, .5)!important;
                }
                
                .dot {
                    cursor: pointer;
                    height: 15px;
                    width: 15px;
                    margin: 0 2px;
                    background-color: #bbb;
                    border-radius: 50%;
                    display: inline-block;
                    transition: background-color 0.6s ease;
                }
                
                .active,
                .dot:hover {
                    background-color: #717171;
                }
                
                .prev:hover,
                .next:hover {
                    background-color: rgba(0, 0, 0, 0.8);
                }
                
                .imagenav {
                    transform: translate(0%, -50%);
                    -ms-transform: translate(-0%, -50%);
                }
                
                .left-button {
                    position: absolute;
                    margin-left: 10px;
                    margin-top: -185px;
                }
                
                .right-button {
                    position: absolute;
                    margin-left: 700px;
                    margin-top: -185px;
                }
                
                .quotes {
                    margin: 100px 0px 10px 0px;
                    width: 500px;
                    height: 50%;
                    text-align: center;
                }
                
                .quotes h2 {
                    font-size: 1.5rem;
                }
                
                .quotes h3 {
                    font-size: 1.2rem;
                    font-weight: bold;
                    text-align: left;
                }
                
                .qrotator {
                    margin-top: 30px;
                }
                
                .quote {
                    max-width: 250px;
                    /* max-height: 50%; */
                    height: 400px;
                    font-size: 1.2rem;
                    line-height: 1.6;
                    word-wrap: break-word;
                }
                
                main {
                    justify-content: center;
                    margin: 5px 10px 5px 10px;
                    border-top: 1px solid black;
                }
                
                main h2 {
                    font-size: 1.8rem;
                    margin: 10px 10px 10px 10px;
                }
                
                main h3 {
                    font-size: 1.2rem;
                    margin: 10px 10px 10px 10px;
                    font-weight: bold;
                    text-align: left;
                }
                
                main img {
                    max-width: 100%;
                    max-height: 250px;
                    height: auto;
                }
                
                main p,
                ul {
                    font-size: 1.2rem;
                    margin: 5px 10px 5px 10px;
                    line-height: 1.6;
                    list-style-type: disc;
                }
                
                main li {
                    margin-left: 20px;
                }
                
                .section1 {
                    display: flex;
                }
                
                .message1 img {
                    float: left;
                    padding-right: 15px;
                }
                
                .message5 img {
                    float: left;
                    padding-right: 15px;
                    max-width: 100%;
                    max-height: 500px;
                    height: auto;
                }
                
                .message5 h3 {
                    font-size: 1.8rem;
                    text-align: center;
                }
                
                .section2 {
                    display: flex;
                }
                
                .message2 img {
                    float: right;
                    padding-left: 15px;
                }
                
                .section2,
                .section3,
                .section4,
                .section5 {
                    margin-top: 30px;
                }
                
                footer {
                    background-image: url("./../images/bottom-back.png");
                    background-repeat: repeat-x;
                    border-top: 1px solid rgb(5, 59, 129);
                    background-size: cover;
                    height: 100%;
                    width: 100%;
                }
                
                .bottomimages {
                    justify-content: center;
                    display: flex;
                    flex-wrap: wrap;
                }
                
                .bottomimages a {
                    margin: 10px 20px 20px 20px;
                }
                
                .bottomcontainer {
                    display: block;
                }
                
                .bottomcontainer p {
                    margin: 10px 20px 0px 20px;
                    font-size: 1.5rem;
                    line-height: 1.6;
                }
                
                @media (max-width: 1150px) {
                    .quotes {
                        margin: 15px 10px 10px 20px;
                    }
                }