:root {
  --red: #980511 !important;
}

/**********
GLOBAL STYLES, DO NOT DELETE FOR NEW WEBSITES
**********/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:400,600,700'); 
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900');
@import url('font-awesome.css');  
@import url('animate.css');

@media /* Mobile & Tablet */
only screen and (max-width: 767px),
(max-width: 1300px) and (min-width: 768px) {

  /* Force table to not be like tables anymore */
  table, thead, tbody, th, td, tr { 
    width: 100%;
    display: block; 
  }
  
  /* Hide table headers (but not display: none;, for accessibility) */

  tr {
    width: 100% !important;
    height: 1% !important;
  }
  
  td { 
    /* Behave  like a "row" */
    width: 100% !important;
    height: 1% !important;
    min-height: 33vh !important;
    word-wrap: break-word;
  }
  #contact {
    margin-top: 175px;
  }
  .hero-wrapper {
    background-image: var(--hero);
    min-height: 45vh;
    background-position: center;
    background-repeat: no-repeat; 
    background-size: 100%;
    position: relative;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
html {
  height: 100vh;
}
body {
  font-weight: 300;
  line-height: 1.5em;
  font-size: 1.3em;
  height: 100%;
}
p, h1, h2, h3, h4, h5 {
  color: white;
}
a {
  font-weight: 700;
}
a, a:active {
  color: white;
}
a:hover {
  text-decoration: underline;
  color: white;
}
a:visited {
  color: #e6e6e6;
}
.Aligner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Aligner-item {
  flex: 1;
}

.Aligner-item--top {
  align-self: flex-start;
}

.Aligner-item--bottom {
  align-self: flex-end;
}

.Aligner-item--fixed {
  flex: none;
  max-width: 50%;
}
/**********
END GLOBAL STYLES
**********/
h1, h2, h3, h4, h5 {
  font-family: 'Bentham' !important;
  font-weight: 100 !important;
}