@charset "utf-8";
/* CSS Document */

h1 {
   font-size: 2em;
}
h2 {
   font-size: 1.5em;
}
h3 {
   font-size: 1.17em;
}
h4 {
   font-size: 1.12em;
}
h5 {
   font-size: .83em;
}
h6 {
   font-size: .75em;
}
.padded-top {
   padding-top: 50px;
}
.top-container {
   padding-top: 50px;
}
.bottom-container {
   padding-top: 150px;
}
.padd50-25 {
   padding-top: 50px;
}

.padd25-12 {
   padding-top: 25px;
}
/*logo image swap & fade*/
.fade-swap{
   
   transition: opacity ease-in-out 5s;
}
.fade-swap > img {
   
   transition: opacity ease-in-out 5s;
}
#fade-swap1 {
   opacity: 1;
}
#fade-swap2 {
   opacity: 0;
   position: absolute;
   top: 0px;
   left: 0px;
}
#fade-swap3, #fade-swap4 {
   opacity: 0;
}
#fade-logo {
   opacity: 0;
   position: absolute;
   top: 60%;
   left: 55%;
   width: 40%;
   height: auto;
}
/*modifies li in botton navbar*/

.topfirst {
   padding-top: 10px;
   padding-bottom: 10px;
   color: #3c647e;
}
.topother {
   padding-top: 10px;
   padding-bottom: 10px;
   color: #3c647e;
}

/* end modifies li in botton navbar*/

@media screen and (min-width: 1200px) {
body{
   font-size: 1.5em;
}
}
/*change headings*/





@media screen and (max-width: 800px) {
.top-container {
   padding-top: 15px;
}
.bottom-container {
   padding-top: 100px;
}
/*change headings*/

   
}

@media screen and (max-width: 768px) {
.nav > li > a.topfirst {
   padding-top: 10px;
   padding-bottom: 0px;
}
.nav > li > a.topother {
   padding-top: 0px;
   padding-bottom: 0px;
   }
   
.padd50-25 {
   padding-top: 25px;
}
   .padd25-12 {
   padding-top: 12px;
}
/*h1 {
   font-size: 1.6em;
}
h2 {
   font-size: .9em;
}
h3 {
   font-size: .7em;
}
h4 {
   font-size: .67em;
}
h5 {
   font-size: .5em;
}
h6 {
   font-size: .45em;
}*/
   
h1 { font-size: 1.6em; }
h2 { font-size: 1.2em; }
h3 { font-size: .93em; }
h4 { font-size: .9em; }
h5 { font-size: .65em; }
h6 { font-size: .6em; }  
}