* {
    box-sizing: border-box
}

main {
    margin-left:2%;
    margin-right:2%;
}

body {
background-color: #8B7760;
padding-bottom: 4em;
max-width:100%;
width:100%;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
}

p, ul, ol {
    font-size: 115%;
}



nav { 
    position:relative;
    background-color: #C9AE54;
    overflow:auto;
    width: 100%;  
}

nav a {
    float:left;
    color:#000000;
    text-decoration: none;
    font-size:25px;
    width:33.33%;
    text-align:center;
    border:4px outset #Ebedf3;
    overflow:auto;
}

nav a:hover {
    background-color:#B6431E;
    color:#C9AE54; 
    cursor: pointer;
}



.Discord {
   display:block;
   margin-left: auto;
   margin-right: auto;
   margin-top:2em;
   max-width:100%;
   height:auto;
   border:5px inset #254b86;
   
}


#wrapper {
    width:100%;
    margin-right: auto;
    margin-left: auto;
    background-color: #Ebedf3;
    min-width: 1000px;
    max-width: 1280px;
    color:black;
}

#ulContactUs{
    margin-left: 2%;
    
}

h1{ 
    background-color:#36568F;
    text-indent:25%;
    height: 153px;
    font-size: 75px;
    font-weight:Bold;
    margin-bottom:auto;
    background-image: url(images/1283x153_RoyalBlue_TopBanner.png);
    background-size:100%;
    background-position: right;
    background-repeat: no-repeat;
    color:#ffffff;
}


h2 { 
    font-size:150%;
}

h3 {
    font-size: 150%;    
}

h4 {
    font-size:110%;
}




footer {
    text-align:center;
    font-style:italic;
    color:#000000;
    background-color:#C9AE54;
    font-family:Arial, Helvetica, sans-serif;
   }

.column {
    float: left;
    max-width: 33%;
    max-height: 100%;
    border: 2px solid #254b86;
    padding-right:2%;
    border-bottom:none;
    border-top:none;
    border-left:none;
    padding-bottom:2%;
}
.column1 {
    padding-left:2%;
    padding-right:2%;
    float: left;
    max-width: 33%;
    max-height: 100%;
    padding-bottom:2%;
    border-right: 2px solid #254b86;
}

.column2 {
    float: left;
    padding-left:2%;
    max-width: 33%;
    max-height: 100%;
    border-bottom:none;
    border-top:none;
    border-left:none;
}



.column3 {
    float: left;
    max-width: 50%;
    max-height: 100%;
  
}


.column4 {
    float: left;
    max-width: 33%;
    max-height: 100%;
  
}

.column5 {
    float: left;
    max-width: 33%;
    max-height: 100%;
}

.column6 {
    float: right;
    max-width: 33%;
    max-height: 100%;
  
}
.row2:after {
    content: " ";
    display:table;
    clear:both;
}
.row:after {
    content: " ";
    display: table;
    clear: both;   
}

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

    h2 { 
        font-size:100%;
    }
    
    h3 {
        font-size: 75%;    
    }
    
    h4 {
        font-size:50%;
    }
    
    nav { 
        position:relative;
        background-color: #C9AE54;
        overflow:auto;
        width: 100%;  
    }
    
    nav a {
        float:left;
        color:#000000;
        text-decoration: none;
        font-size:25%;
        width:25%;
        height:20px;
        text-align:center;
        border:1px outset #Ebedf3;
        overflow:auto;
    }
    
    nav a:hover {
        background-color:#B6431E;
        color:#C9AE54; 
        cursor: pointer;
    }

    
    h1{ 
        background-color:#36568F;
        text-indent:38%;
        height: 35px;
        font-size: 10px;
        font-weight:Bold;
        margin-bottom:auto;
        background-image: url(images/1283x153_RoyalBlue_TopBanner.png);
        background-size:100%;
        background-position: right;
        background-repeat: no-repeat;
        color:#ffffff;
    }

    p, ul, ol {
        font-size: 50%;
    }
    
    body {
        width:95%;
    }

    #wrapper {
        width:100%;
        margin-right: auto;
        margin-left: auto;
        background-color: #Ebedf3;
        min-width: 100%;
        max-width: 100%;
        color:black;
    }

    footer {
        text-align:center;
        font-style:italic;
        font-size:10px;
        color:#000000;
        background-color:#C9AE54;
        font-family:Arial, Helvetica, sans-serif;
        width:100%;
       }


       .column {
        float: left;
        max-width: 33%;
        max-height: 100%;
        border: 2px solid #254b86;
        padding-right:2%;
        border-bottom:none;
        border-top:none;
        border-left:none;
        padding-bottom:2%;
        font-size:7px;
    }
    .column1 {
        padding-left:2%;
        padding-right:2%;
        float: left;
        max-width: 33%;
        max-height: 100%;
        padding-bottom:2%;
        border-right: 2px solid #254b86;
        font-size:7px;
    }
    
    .column2 {
        float: left;
        padding-left:2%;
        max-width: 33%;
        max-height: 100%;
        border-bottom:none;
        border-top:none;
        border-left:none;
        font-size:7px;
    }

}
    @media only screen and (max-width: 768px) {
    
    body {
        max-width:100%
    }


}