/* 1854 Skeleton */

/* basics */

body {
  font-family: futura-pt, sans-serif;
  font-weight: 200;
  font-size: 1.8em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
}

/* headers - flexbox */

#header1854 {
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    margin-top: 10px;
}  
.toplogo {
  width: 100px;
  margin-left: auto;
  margin-right: auto;
}
.desktopbutton {
  display: none;
}
.mobilebutton {
  padding-top:25px;
}
.headerconts {
  display:flex;
  justify-content: center;
  align-items: center;
}
#headercent {
    width:33.33vw;
    text-align: center;
}
#headerleft {
    width:33.33vw;
}
#headerright {
    width:33.33vw;
    text-align: right;
}
#mobilemenu {
    border-top: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    display:none;
}
.mobilemenuitem {
  color: #000;
  text-decoration: none;
  margin-bottom: 0px;
}
.topleftheader {
  display: none;
}

/* footer, fixed btm */

#abovefooter {
  min-height: calc(100vh - 70px);
}
#footer1854 {
  background-color: #000;
  width: 100%;
  height: 70px;
  color: #fff;
  font-size: small;
}
.footertext {
  margin-top: 20px;
}

.cent {
  text-align: center;
}

/* override some button styles */

.button.button-primary, 
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #000;
  border-color: #000; 
  font-weight: 200;
  font-size: 0.8em;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #000;
  border-color: #000; 
  font-weight: 200;
  font-size: 0.8em;
}  

/* embiggen the screen, embiggen the styles */
@media screen and (min-width: 1150px) {
  .toplogo {
    width: 200px;
  }
  .headercent {
    text-align: center;
    margin-bottom : 0.5rem;
    margin-top: 0.5rem;
  }
  .desktopbutton {
    margin-top: 25px;
    display: block;
    background-color: #000;
    color:#fff;
    padding-top:10px;
    padding-bottom:10px;
    padding-left: 30px;
    padding-right: 30px;
    text-transform: uppercase;
    font-size: 0.8em;
  }
  .mobilebutton {
    display: none;
  }
  .mobilemenu {
    display:none;
  }
  .topleftheader {
    margin-right: 30px;
    text-transform: uppercase;
    font-size: 0.8em;
    display: inline-block;
  }
  .topleftheader a:hover,
  .topleftheader a:link,
  .topleftheader a:visited
  {
      color: #000;
      text-decoration: none;
  }
}