@charset "utf-8";
@font-face {
    font-family: 'robotoregular';
    src: url('../css/fonts/roboto-normal-400-regular-webfont.woff2') format('woff2'),
    url('./css/fonts/roboto-normal-400-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
   margin: 0;
   padding: 0;
   min-width: 320px;
   font-family: Helvetica,arial,sans-serif;
   /* background-color: #360204; */
   background-color: #270103;
}
#topbar {
   padding: 4px 7px 4px 0;
}
#topbarsizer {
   min-width: 320px;
   max-width: 1000px;
   margin: 0 auto 0 auto;
}
#logowrapper {
  display: flex;                  
  align-items: center;          
}
#gsname {
  color: #fff;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  font-family: times;
  margin: 0 0 0 11px;
}
.topbartitem {
  display: flex;                  
  flex-direction: row;           
  justify-content: flex-end; 
  padding: 0 11px 0 0;
}
.topbartitem a {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  padding: 0 0 0 5px;
}
#headersizer {
   display: flex;
   align-items: center;
   min-width: 320px;
   max-width: 1000px;
   margin: 0 auto 0 auto;
  /* height: 40px;*/ /* This makes the logo adjust over the topwrapper*/
}

/*menu*/
#mainmenu {
   text-align: right;
   display: inline-block;
   margin: 7px 0 3px auto;
   padding: 0 11px 0 0;
}
#mainwrapper #headerwrapper #mainnavwrapper .navbutton button {
    border: none;
    color: #000;
}
.mainbutton, .mainbuttonspec, .mainbuttonmobile, .mainbuttonmobilespec {
    margin: 0 15px 0 0;
    display: inline-block;
 }
 @media (max-width: 650px) {
    .mainbutton, .mainbuttonspec, .mainbuttonmobile, .mainbuttonmobilespec {
     margin: 0 1px 0 0;
     display: inline-block;
  }
 } 
 .mainbutton a, .mainbuttonmobile a, .mainbuttonspec a, .mainbuttonmobilespec a {
   text-decoration: none;
   color: #fff;
   font-style: normal;
   font-weight: 500; 
   font-size: 18px;
}
 @media (max-width: 450px) {
    .mainbutton a, .mainbuttonmobile a, .mainbuttonspec a, .mainbuttonmobilespec a {
   text-decoration: none;
   color: #fff;
   font-style: normal;
   font-weight: 500; 
   font-size: 12px; 
   }
  } 

/*menu*/

#footer {
    margin: 0 auto 0 auto; 
	width: 100%;
    font-size: .8em;
    color: #122232;
    border-top: .1em solid #646571;
    padding-top: 1em;
}

#footer #footerwrapper {
    margin: 0 auto 3em auto;
	max-width: 59%;
    min-width: 35%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

#footer #footerwrapper .socialmedia {
    margin: 0 5px 0 0;
    color: #fff;
}

#footer #footerwrapper #copyright {
    margin: 0 5px 0 0;
    color: #fff;
}
#footer #footerwrapper .bottomnav {
    margin: 0 0 0 5px;
    color: #fff;
}
#footer a {
   color: #fff; 
}