@charset "utf-8";

/* CSS Document */

* {
    box-sizing: border-box;
    padding:
        0;
    margin:
        0;
}

html{
    scroll-padding-top: 30px; /* Replace with your fixed navbar height
    this fixes the fixed nav bar from overlapping content when using
    a link to it. */
}

body {
    margin: 0;
   /*  margin: 44px auto 0; /* Replace with your fixed navbar height
    this fixes the fixed nav bar from overlapping content when using
    a link to it. */
    max-width: 100%;
    background-color:
        #ffffff;
    font: 100% Verdana, sans-serif; /* Ensure fallback to sans-serif */
}

header {
    text-align:
        center;
}


.blueShadow{
     color: #0EEDED; 
    text-shadow: 1px 1px 3px #000000;
}

.orangeHover:hover,
.orangeHover:focus,
.orangeHover:active {
    color: #f8b993;
    text-shadow: 1px 1px 2px #000000;
}

#hero{
    text-align: center;
}
#hero img {
    width: 100%;
}

#wrapper {
    
    margin:
        0 auto;
    background-color:
        white
}

p {
    margin-bottom:
        1.2em;
}
 h2{
    font-size: 20px;
 }

section {
    padding:
        10px;
    max-width:
        100%;
}

.center{
    text-align: center;
}


article p {
    padding-left:
        1.5em;
}

.ctrGrade {
    text-align: center;
}

.singleLine{
    white-space: nowrap;
}

footer {
    clear:
        both;
    background-color: #ffffff;
    text-align:
        center;
    font-size:
        85%;
    min-height:
        100px;
}

footer p {
    padding-top:
        3%;
}
@media screen and (min-width: 1080px) {
    
.widthSetter{
    margin: 1% 10%;
}
}