*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
body{
    
    font-family: calibri;
    font-size: 1em;
    background-color: #CCC;
}

.clearfix{
    clear: both;
}
.row{
    width: 1140px;
    margin: 0 auto;
}

ul{
    list-style: none;
}
a{
    text-decoration: none;
}

/* HEADER */
header{
  height: 170px;
}
header img{
    width: 100%;
    height: 100%;
}



/*  SIDEBAR */

aside{
    float: left;
    width:25%;
    background-color: #000033;
    min-height: 1489px;
}



.main-nav{
    background-color: #8f100b;
}
.main-nav > ul > li a{
    display: block;
    padding: 10px 0px 10px 20px;
    color: #fff;
    border-bottom: 1px solid white;
}

.main-nav li:last-child>a{
    border-bottom: none;
}
.main-nav a:hover{
    background-color:#680808;
}
.border-fix{
     border-bottom: 1px solid white !important;
}

.main-nav-ul .sub-arrow:after{
    content: '\203A';
    float: right;
    margin-right: 20px;
    font-size: 20px;
}

#drop-down li a:hover{
    background-color: #8f100b !important;
}

.main-nav-ul .down-arrow:after{
    content: '\203A';
    float: right;
    margin-right: 20px;
    font-size: 20px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

#drop-down{
    display: none;
}


/*  MAIN */
main{
    float: left;
    width: 75%;
    background-color: #fff;
    padding: 35px;
    padding-left: 40px;
    height: 1489px;
}

h2{
    color: #666666;
    font-size: 22px;
    margin-bottom: 10px;
}
h3{
    color: black;
    font-size: 15px;
    margin-bottom: 10px;
}
main p{
  font-family: 'Times New Roman', times,  serif;
  word-spacing: 4px;
  line-height: 1.3em;
  font-size: 1em;
}

/*  FOOTER */
footer{
    background-color:#470b0a;
    height: 168px;
    padding: 10px;
    text-align: center;
    color: #CCC;
    font-size: 16px;
    font-family: 'Times New Roman', times,  serif;
}
footer p{
    margin-top: 40px;
    font-size: 25px;
    margin-bottom: 10px;
}


/*  STYLING FOR contact.html */
form h2{
    text-decoration: underline;
    color: black;
}
.notice{
    color: red;
    margin-top:10px;
    margin-bottom: 40px;
    display: block;
}
form table{
    margin-left: 50px;
}
form table td{
    font-weight: bold;
    color: black;
  
}
form td input{
    height: 28px;
    width: 200px;
    font-size: 20px;
}

.btn{
    padding: 5px;
    width: 95px;
     background-color: #8f100b;
    color:white;
    border:none;
    cursor: pointer;
}

.buttons{
    margin-left: 200px;
   
}
/*  RESPONSIVE TEMPLATE CODE */
@media screen and (max-width: 1151px){
    .row{
        width: 90%;
    }
main{
    height: 1689px;
}
aside{
    min-height: 1689px;
}
   
}
@media screen and (max-width:1020px){
   main{
    height: 1789px;
}
aside{
    min-height: 1789px;
}
    
    
@media screen and (max-width:952px){
   
    .row{
        width:80%;
    }
aside{
    float:none;
    width:100%;
    min-height: 50px;
}

main{
    float: none;
    width: 100%;
    height: 1689px;
}
    
}

@media screen and (max-width:864px){
  main{
    height: 1789px;
}
    
}
    
@media screen and (max-width:803px){
  main{
    height: 2390px;
}
    
}
@media screen and (max-width:599px){
  main{
    height: 2690px;
}
    
}
    @media screen and (max-width:526px){
  main{
    height: 2900px;
}
    
    
}


    
    
    
@media screen and (max-width:484px){
  main{
    height: 3200px;
}
    }
    
@media screen and (max-width:449px){
  main{
    height: 3500px;
}
    }
    
@media screen and (max-width:415px){
  main{
    height: 3800px;
}
    }

    @media screen and (max-width:395px){
  main{
    height: 5000px;
    
}
    
    }
     @media screen and (max-width:325px){
         .row{
             width: 85%;
         }
  main{
    height: 7000px;
    
}
    
    }
    
    
/*  Media queries for form */
    @media screen and (max-width:584px){
        form table td{
           display: block;
        }
    }
    @media screen and (max-width:380px){
        table, .buttons{
           position: relative;
            left: -90px;
           
        }
    }