@import url(../css/bootstrap.css);
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  font-family: Garamond, serif;
  font-size: 18px;
  overflow: hidden;
  color: #FFFFFF;
  background: linear-gradient(rgba(51, 51, 51, 0.6), rgba(51, 51, 51, 0.6)), url(../img/AdobeStock_77952139.jpg) no-repeat;
  background-size: 100% 100%; }
  body a, body a:visited {
    color: #2980b9;
    text-decoration: none; }
  body a:hover {
    color: #479BDC;
    text-decoration: none; }

.navbar-inverse {
  background-color: rgba(51, 51, 51, 0.90196);
  font-size: 1.2em;
  /*      height: 10vh;*/ }
  .navbar-inverse .navbar-nav > li > a {
    color: #FFF;
    transition: color 0.5s ease-in-out; }
  .navbar-inverse .navbar-nav > li > a:hover {
    color: rgba(41, 128, 185, 0.5); }
  .navbar-inverse .navbar-nav > li a.active {
    color: #2980b9; }
  .navbar-inverse .navbar-nav > li a.active:hover {
    color: #FFFFFF; }

.navbar {
  margin-bottom: -10vh !important;
  transition: margin .5s ease-in; }
  .navbar.open {
    margin-bottom: 0 !important; }
  .navbar > .container {
    margin: 0;
    padding: 0; }

.navbar-collapse ul {
  width: 100vw;
  height: 10vh;
  padding: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  z-index: 1; }
  .navbar-collapse ul > * {
    order: 9999; }
  .navbar-collapse ul li {
    flex: 2;
    text-align: center; }

.logo {
  height: 210px;
  width: 820px;
  background: url("../img/dlr.png") left top/auto no-repeat;
  background-size: contain;
  text-align: center;
  color: #FFFFFF;
  transition: transform 0.5s ease-in-out; }
  .logo h1 {
    font-size: 5em;
    font-weight: 100;
    line-height: .75em;
    margin: 5px 0 0 70px;
    text-shadow: 0.045em 0.045em 1px rgba(30, 30, 30, 0.6), 0.05em 0.05em 1px rgba(30, 30, 30, 0.6); }
  .logo h3 {
    margin: 20px 0 0 70px;
    font-size: 2.2em;
    text-shadow: 0.1em 0.1em 1px rgba(30, 30, 30, 0.6), 0.103em 0.103em 1px rgba(30, 30, 30, 0.6); }
  .logo.down {
    transform: scale(0.5); }

.hlogo {
  background: url("../img/dlr.png") left top/auto no-repeat;
  background-size: contain;
  height: 105px;
  width: 410px;
  margin: 8px auto 0 auto;
  text-align: center;
  color: #FFFFFF; }
  .hlogo h1 {
    margin: 3px 0 0 35px;
    font-size: 2.5em;
    font-weight: 100;
    line-height: .75em;
    text-shadow: 0.045em 0.045em 1px rgba(30, 30, 30, 0.6), 0.05em 0.05em 1px rgba(30, 30, 30, 0.6); }
  .hlogo h3 {
    margin: 10px 0 0 35px;
    font-size: 1.1em;
    text-shadow: 0.1em 0.1em 1px rgba(30, 30, 30, 0.6), 0.103em 0.103em 1px rgba(30, 30, 30, 0.6); }

.logo-contain, .hlogo-contain {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: transparent;
  width: 100%;
  height: 100%;
  transition: height 1s ease-in-out, background-color .5s ease-in-out; }
  .logo-contain.opened, .opened.hlogo-contain {
    height: 120px;
    background-color: rgba(51, 51, 51, 0.6); }

.hlogo-contain {
  height: 120px;
  background: none; }

button.open, button.closed {
  background: transparent;
  border: none;
  position: fixed;
  bottom: 0;
  z-index: 10000; }

button.open {
  padding-top: 50%;
  display: block;
  width: 100vw;
  height: 1000px; }
  button.open > div {
    box-sizing: content-box;
    background: rgba(51, 51, 51, 0.6);
    position: fixed;
    width: 60px;
    height: 60px;
    padding: 6px  0 0 10px;
    bottom: 2vh;
    left: 48vw;
    border-radius: 10px; }
    button.open > div .icon-bar {
      display: block;
      width: 50px;
      height: 4px;
      margin-top: 10px;
      background-color: #FFFFFF; }

button.closed {
  position: fixed;
  left: 48vw;
  height: 10vh; }
  button.closed .icon-bar {
    display: block;
    width: 50px;
    height: 4px;
    margin-top: 10px;
    background-color: #2980b9; }

#contain {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100vh;
  /*            overflow: hidden;*/ }
  #contain #container {
    order: 1;
    flex: 0 1 75%;
    /*
    height: 800px;
    max-height: 800px;
    */ }
  #contain nav {
    order: 2;
    flex: 0 1 10vh; }

#content {
  scrollbar-base-color: #000;
  scrollbar-3dlight-color: #000;
  scrollbar-highlight-color: #000;
  scrollbar-track-color: #777;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #000;
  scrollbar-dark-shadow-color: #000; }
  #content::-webkit-scrollbar {
    width: .8em; }
  #content::-webkit-scrollbar-track {
    /*    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.1);*/
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 5px 10px 10px 5px; }
  #content::-webkit-scrollbar-thumb {
    background-color: #363636;
    /*  outline: 1px solid slategrey;*/
    border-radius: 1em; }

#container {
  display: flex;
  justify-content: space-around;
  margin-top: 161px;
  margin-bottom: 10vh;
  width: 100vw; }
  #container > * {
    order: 9999; }
  #container #content {
    margin: -45px 5px 1vh 5px;
    order: 2;
    flex: 0 1 78.5vw;
    background: rgba(51, 51, 51, 0.7);
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius: 10px; }
  #container .slider-left {
    order: 1;
    margin-left: 10px;
    margin-right: 5px; }
  #container .slider-right {
    margin-right: 10px;
    margin-left: 5px;
    order: 3; }

.slider-left, .slider-right {
  flex: 0 1 10vw;
  margin-top: -152px;
  border-radius: 10px; }

#leftCarousel, #rightCarousel {
  width: 100%;
  border-radius: 10px; }
  #leftCarousel.carousel .item, #rightCarousel.carousel .item {
    height: 88vh;
    background-color: #777;
    border-radius: 10px; }
  #leftCarousel .carousel-inner > .item, #rightCarousel .carousel-inner > .item {
    border-radius: 10px; }
    #leftCarousel .carousel-inner > .item > img, #rightCarousel .carousel-inner > .item > img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 100%;
      border-radius: 10px; }

.tab-contain {
  width: 90%;
  margin: 0 auto; }
  .tab-contain .nav {
    margin-top: 10px;
    margin-bottom: 20px; }
  .tab-contain ul {
    display: flex;
    justify-content: center; }
    .tab-contain ul > * {
      order: 9999; }
    .tab-contain ul li {
      text-align: center;
      flex: 1 50%;
      margin: 10px 30px; }
  .tab-contain .tab-pane {
    text-align: center; }
    .tab-contain .tab-pane p {
      text-align: left; }
  .tab-contain #firm, .tab-contain #leadership {
    padding: 0 15px; }
    .tab-contain #firm p, .tab-contain #leadership p {
      text-align: justify; }
  .tab-contain #leadership img {
    border-radius: 10px;
    max-height: 325px; }

.nav-tabs {
  border: none; }
  .nav-tabs > li a {
    border: none;
    color: #FFFFFF;
    border-radius: 10px; }
    .nav-tabs > li a:hover, .nav-tabs > li a:focus {
      background: rgba(41, 128, 185, 0.3); }
  .nav-tabs > li.active > a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus {
    border: none;
    color: #FFFFFF;
    background: #2980b9; }

.content-contain {
  width: 90%;
  margin: 0 auto; }

iframe {
  margin-top: 20px; }

.directions {
  width: 70%;
  margin: 0 auto; }
  .directions .row {
    margin: 20px 0px; }
    .directions .row h3 {
      margin: 0 10px 0 0;
      float: left; }
    .directions .row p {
      margin-top: 2px; }

.project-contain {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }
  .project-contain > * {
    order: 9999; }
  .project-contain #Filters {
    order: 1;
    width: 100%; }

.projects .modal-header .close {
  color: #FFFFFF;
  opacity: 0.4; }
.projects h4 {
  font-size: 20px;
  font-weight: bold; }

/**
 * Form & Checkbox Styles
 */
.filter-controls {
  margin-left: 2%; }

#Filters #Reset {
  background: #2980b9;
  border: none;
  border-radius: 10px;
  padding: 5px 10px;
  margin-top: 20px; }
#Filters #Reset:hover {
  background: rgba(41, 128, 185, 0.5); }
#Filters fieldset {
  width: 26%;
  display: inline-block;
  vertical-align: top;
  margin: 0 1em 0 0;
  padding: .5em;
  border-radius: 3px; }
#Filters h4 {
  text-align: center;
  font-weight: bold; }
#Filters label {
  margin-bottom: 5px;
  padding: 5px 0;
  text-align: center;
  width: 100%;
  border-radius: 10px; }
#Filters input[type=checkbox] {
  display: none; }
#Filters input[type=checkbox]:checked + label {
  background-color: #2980b9; }

/**
 * Container/Target Styles
 */
.project-contain .mix {
  display: none; }
.project-contain .fail-message {
  margin-top: 30px;
  text-align: center;
  display: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 150ms;
  -moz-transition: 150ms;
  transition: 150ms; }
  .project-contain .fail-message span {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700; }
.project-contain .fail-message:before {
  content: '';
  display: inline-block;
  vertical-align: middle; }

.project-contain.fail .fail-message {
  opacity: 1;
  display: block;
  pointer-events: auto; }

.dropdown-loc ul, .dropdown-occ ul {
  height: 180px; }

.dropdown-loc dd, .dropdown-loc dt, .dropdown-occ dd, .dropdown-occ dt, .dropdown-btype dd, .dropdown-btype dt {
  margin: 0px;
  padding: 0px; }
.dropdown-loc ul, .dropdown-occ ul, .dropdown-btype ul {
  margin: -1px 0 0 0; }
.dropdown-loc dd, .dropdown-occ dd, .dropdown-btype dd {
  position: relative; }
  .dropdown-loc dd ul, .dropdown-occ dd ul, .dropdown-btype dd ul {
    background-color: #333333;
    border: 0;
    color: #fff;
    display: none;
    left: 20px;
    padding: 2px 15px 2px 5px;
    position: absolute;
    top: -5px;
    width: 210px;
    list-style: none;
    overflow: auto;
    border-radius: 10px; }
.dropdown-loc a, .dropdown-loc a:visited, .dropdown-occ a, .dropdown-occ a:visited, .dropdown-btype a, .dropdown-btype a:visited {
  color: #fff;
  text-decoration: none;
  outline: none;
  font-size: 12px; }
.dropdown-loc dt a, .dropdown-occ dt a, .dropdown-btype dt a {
  background-color: #333333;
  display: block;
  padding: 8px 20px 5px 10px;
  min-height: 25px;
  line-height: 24px;
  overflow: hidden;
  border: 0;
  border-radius: 10px; }
  .dropdown-loc dt a span, .dropdown-occ dt a span, .dropdown-btype dt a span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0; }

.project-item {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  flex: 0 1 300px;
  order: 1;
  margin: 30px 10px; }
  .project-item > * {
    order: 9999; }
  .project-item h2 {
    margin-top: 5px;
    margin-bottom: 7px; }
  .project-item a, .project-item a:visited {
    color: #FFFFFF; }

.thumb {
  max-height: 300px;
  width: 300px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center; }
  .thumb img {
    margin: 0 auto;
    max-height: 300px; }

.item-title {
  flex: 1 1 100%;
  margin-bottom: 10px;
  padding: 5px;
  text-align: center;
  min-height: 69px; }
  .item-title h2 {
    margin: 0;
    padding: 0; }

/* Featurettes */
.featurette:first-child {
  margin-top: 20px; }

.featurette {
  margin-top: 10px; }
  .featurette img {
    height: 266px; }
  .featurette ul {
    margin-top: 10px;
    text-align: justify; }

.featurette-divider {
  margin: 50px 0;
  /* Space out the Bootstrap <hr> more */ }

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
  margin: 0; }

.lead {
  line-height: 1.1em; }

#career p {
  font-size: 21px;
  margin-top: 20px; }

#clients p {
  line-height: 1.2em;
  margin-bottom: 18px; }

/* MODALS */
.modal.projects .modal-content {
  background: #000000; }
.modal.projects .modal-title {
  text-align: center;
  font-size: 2em; }
.modal.projects strong {
  font-size: 1.1em; }

#careerModal {
  color: #000000; }
  #careerModal .text-muted {
    font-size: 70%; }

/* WELL */
.well {
  background: none;
  border: none; }

#contactform {
  width: 70%;
  margin: 20px auto 0 auto; }
  #contactform div.row {
    margin-left: 1px; }
    #contactform div.row h3 {
      float: left;
      margin: 0 10px 0 0; }
    #contactform div.row p {
      margin-top: 2px; }
  #contactform section.form-group.row {
    padding: 10px 0; }
  #contactform #notes {
    resize: none;
    height: 150px; }

.form-signin {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 30vw;
  height: 25vh;
  margin: 0 auto; }
  .form-signin > * {
    order: 9999; }
  .form-signin input {
    margin-bottom: 10px; }
  .form-signin .btn {
    background-color: #2980b9;
    font-size: 20px; }

footer {
  clear: both;
  width: 100%;
  margin-top: 20px;
  padding: 10px;
  text-align: center;
  border-top: 2px solid rgba(255, 255, 255, 0.2); }
  footer p {
    font-size: 14px; }

#admin-tabPanel {
  display: flex;
  justify-content: flex-start;
  margin-left: -30px;
  margin-right: -45px; }
  #admin-tabPanel > * {
    order: 9999; }
  #admin-tabPanel #adminTab {
    flex: 1;
    max-width: 185px; }
    #admin-tabPanel #adminTab li {
      width: 100%; }
  #admin-tabPanel .project-item {
    flex: 0 1 30%;
    max-width: 250px; }
    #admin-tabPanel .project-item .thumb img {
      max-width: 200px;
      max-height: 200px; }
  #admin-tabPanel .tab-content {
    flex: 2; }
  #admin-tabPanel .admin-control {
    margin-top: 5px;
    flex: 0 1 50%;
    text-align: center; }
    #admin-tabPanel .admin-control .fa-trash-o {
      color: red; }
  #admin-tabPanel #edit-clients {
    text-align: center; }
    #admin-tabPanel #edit-clients button {
      width: 50%;
      margin-top: 10px; }
    #admin-tabPanel #edit-clients ul {
      text-align: left;
      list-style: none;
      width: 60%;
      margin: 0 auto; }
      #admin-tabPanel #edit-clients ul li {
        border: 1px solid #ddd;
        border-radius: 10px;
        padding: 5px 0;
        margin-bottom: 10px;
        text-align: center; }
        #admin-tabPanel #edit-clients ul li p {
          margin: 0; }
        #admin-tabPanel #edit-clients ul li article {
          display: inline-block;
          width: 50%;
          margin: 0 -2px; }
          #admin-tabPanel #edit-clients ul li article a {
            color: #FFFFFF; }

.bg-danger, .bg-success {
  margin-top: 20px;
  padding: 10px;
  color: #000000; }

.add-form {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100%;
  margin-right: -30px; }
  .add-form > * {
    order: 9999; }
  .add-form > * {
    margin: 10px 5px; }
  .add-form .name, .add-form .addr, .add-form .cState, .add-form .occup {
    flex: 1 30%; }
  .add-form .yearC, .add-form .yearE, .add-form .cost, .add-form .bHeight {
    flex: 1 1 20%; }
  .add-form .cost {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .add-form .cost > * {
      order: 9999; }
    .add-form .cost input {
      margin-left: 10px; }
  .add-form .bUse {
    flex: 1 1 40%; }
  .add-form .bType {
    flex: 1 1 12%; }
  .add-form .arch, .add-form .dev {
    flex: 1 1 40%; }
  .add-form li {
    margin-left: -20px;
    margin-bottom: 10px;
    font-size: 14px; }
  .add-form .pic-menu {
    flex: 0 1 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    height: 350px;
    overflow-y: scroll; }
    .add-form .pic-menu > * {
      order: 9999; }
    .add-form .pic-menu input[type=radio] {
      display: none; }
    .add-form .pic-menu input[type=radio]:checked + label {
      border: #2980b9 2px solid;
      padding: 5px;
      box-shadow: 0 1px 1px rgba(41, 128, 185, 0.075), 0 0 8px rgba(41, 128, 185, 0.6); }
    .add-form .pic-menu input[type=radio] + #checked {
      order: 1;
      border: #2980b9 2px solid;
      padding: 2px; }
    .add-form .pic-menu label {
      flex: 0 1 40%;
      max-height: 343px;
      overflow: hidden;
      border-radius: 5px;
      cursor: pointer; }
      .add-form .pic-menu label img {
        max-height: 345px; }

#add_project_form, #addService {
  margin-top: 20px; }

#add-clients .modal {
  color: #000000; }
  #add-clients .modal h2 {
    text-align: center; }
#add-clients > .row {
  margin-top: 20px; }

#add-careers form {
  margin-top: 20px; }
#add-careers textarea {
  margin: 10px 10px;
  resize: none;
  height: 350px; }

#adminTab {
  margin-top: 20px; }

#add-services textarea {
  resize: none;
  height: 200px; }

#editService textarea {
  resize: none;
  height: 200px; }

#edit-career textarea {
  resize: none;
  height: 320px; }

#edit-firm textarea {
  resize: none;
  height: 350px; }

#edit-leader textarea {
  resize: none;
  height: 350px; }

#back-admin {
  display: block;
  text-align: center; }
  #back-admin button {
    font-size: 25px; }

/* Responsive Code */
@media all and (max-width: 1050px) and (min-width: 800px) {
  /* Projects */
  .logo {
    width: 520px;
    height: 135px; }
    .logo h1 {
      margin: 2px 0 0 60px;
      font-size: 3.4em; }
    .logo h3 {
      margin: 12px 0 0 60px;
      font-size: 1.5em; }
    .logo.down {
      transform: scale(0.75);
      margin-top: -8px; }

  .project-item {
    justify-content: center;
    flex-basis: 50%; }

  .thumb {
    flex: 0 1 50%; }

  .project-contain {
    padding: 0 20px; }

  .thumb {
    flex: 0 1 50%; }

  #container #content {
    max-height: 69vh; }

  #leftCarousel.carousel .item, #rightCarousel.carousel .item {
    height: 83.6vh; }

  button.closed {
    left: 46vw; } }
@media (max-width: 799px) and (min-width: 768px) {
  .logo {
    width: 520px;
    height: 135px; }
    .logo h1 {
      margin: 2px 0 0 60px;
      font-size: 3.4em; }
    .logo h3 {
      margin: 12px 0 0 60px;
      font-size: 1.5em; }
    .logo.down {
      transform: scale(0.75);
      margin-top: -8px; }

  .featurette-heading {
    font-size: 50px; }

  #container #content {
    max-height: 74.5vh; }

  #leftCarousel.carousel .item, #rightCarousel.carousel .item {
    height: 85.4vh; }

  button.closed {
    left: 46vw; } }
@media (max-width: 767px) {
  .navbar {
    display: none;
    margin-bottom: -15vh !important; }
    .navbar.open {
      display: block;
      margin-bottom: 0 !important; }

  #container #content {
    flex: 0 1 95vw; }

  .logo-contain.opened, .opened.hlogo-contain {
    height: 100px; }

  .logo {
    width: 400px;
    height: 100px; }
    .logo h1 {
      margin: 2px 0 0 50px;
      font-size: 2.5em; }
    .logo h3 {
      margin: 6px 0 0 50px;
      font-size: 1.2em; }
    .logo.down {
      transform: scale(0.8);
      margin-top: 0px; }

  .slider-left, .slider-right, button.closed {
    display: none; }

  #contain nav {
    flex: none;
    height: auto; }

  .navbar-collapse ul {
    display: block;
    height: auto; }

  .project-item {
    flex: 1 100%; } }
@media screen and (max-width: 736px) and (min-width: 511px) {
  .logo-contain.opened, .opened.hlogo-contain, .hlogo-contain {
    height: 100px; }

  .logo {
    width: 300px;
    height: 85px;
    margin: 125px auto 0 auto; }
    .logo h1 {
      font-size: 2em;
      padding-top: 2px; }
    .logo h3 {
      font-size: 1em;
      margin-top: 8px; }
    .logo.down {
      margin-top: 10px;
      transform: scale(0.8); }

  .hlogo {
    width: 250px;
    height: 68px; }
    .hlogo h1 {
      font-size: 1.6em;
      margin-left: 40px; }
    .hlogo h3 {
      font-size: .8em;
      margin-left: 40px; }

  #container {
    margin-bottom: 15vh; }
    #container #content {
      margin-top: -80px; } }
@media all and (max-width: 510px) {
  html, body {
    -webkit-overflow-scrolling: none; }

  .logo-contain.opened, .opened.hlogo-contain, .hlogo-contain {
    height: 75px; }

  .logo {
    width: 320px;
    height: 80px;
    margin: 125px auto 0 auto; }
    .logo h1 {
      font-size: 1.9em;
      padding-top: 2px; }
    .logo h3 {
      font-size: 0.9em;
      margin-top: 8px; }
    .logo.down {
      margin-top: -4px;
      transform: scale(0.8); }

  .hlogo {
    width: 256px;
    height: 64px;
    margin-top: 6.5px; }
    .hlogo h1 {
      font-size: 1.52em;
      margin-left: 39px;
      padding-top: 1px; }
    .hlogo h3 {
      font-size: .72em;
      margin: 6.5px 0 0  42px; }

  #container {
    margin-top: 120px; }
    #container #content {
      flex-basis: 100vw;
      margin-top: -42px; }

  /* Projects */
  .project-item {
    flex-basis: 100%; }

  button.closed {
    display: none; }

  .tab-contain ul {
    flex-wrap: wrap; }

  #Filters fieldset {
    display: block;
    width: 100%;
    margin: 0; } }
@media all and (max-width: 510px) and (max-height: 568px) {
  #container #content {
    max-height: 62vh; } }
@-moz-document url-prefix() {
  html {
    position: relative; }

  #container {
    margin-top: 185px; }
    #container #content {
      height: 77vh;
      margin: -70px 5px 1vh 5px; }

  .slider-left, .slider-right {
    margin-top: -176px; }

  @media (max-height: 1080px) and (min-height: 950px) {
    #container #content {
      margin-top: -62px; } }
  @media (max-height: 949px) and (min-height: 787px) {
    #container #content {
      height: 77vh; } }
  @media (max-height: 786px) {
    #container #content {
      height: 73vh; } } }
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .logo {
    width: 840px; }

  .hlogo {
    width: 420px; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .navbar {
    margin-bottom: -100px !important; } }
/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align: auto) {
  #container #content {
    max-height: 76.5vh; }

  @media (max-height: 949px) and (min-height: 787px) {
    #container #content {
      max-height: 75vh; } }
  @media (max-height: 786px) {
    #container #content {
      max-height: 73vh; } } }

/*# sourceMappingURL=styles.css.map */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
      #contain {
          flex-direction: row;
      }
      
      #contain #container {
          flex:none;
      }
}