@media all{
  html{
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
  }
  body{
    margin:0;
  }
  a{
    background-color:transparent;
  }
  a:active,a:hover{
    outline:0;
  }
  h1{
    font-size:2em;
    margin:0.67em 0;
    display:none;
  }
  img{
    border:0;
  }
  .container-fluid{
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px;
  }
  .container-fluid:before,.container-fluid:after{
    content:" ";
    display:table;
  }
  .container-fluid:after{
    clear:both;
  }
  .col-md-6,.col-xs-12{
    position:relative;
    min-height:1px;
    padding-left:15px;
    padding-right:15px;
  }
  .col-xs-12{
    float:left;
  }
  .col-xs-12{
    width:100%;
  }
  @media (min-width: 992px){
    .col-md-6{
      float:left;
    }
    .col-md-6{
      width:50%;
    }
  }
  h1,h3,h6{
    font-family:inherit;
    font-weight:500;
    line-height:1.1;
    color:inherit;
  }
  h1,h3{
    margin-top:20px;
    margin-bottom:10px;
  }
  h6{
    margin-top:10px;
    margin-bottom:10px;
  }
  h1{
    font-size:36px;
  }
  h3{
    font-size:24px;
  }
  h6{
    font-size:12px;
  }
  @media (max-width: 767px){
    .hidden-xs{
      display:none!important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px){
    .hidden-sm{
      display:none!important;
    }
  }
  body{
    color:#7B7C7F;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    font-size:16px;
    font-size:1rem;
    line-height:1.65rem;
  }
  h1,h3,h6{
    clear:both;
    padding:0 0 0 0;
    font-weight:normal;
    line-height:1.2;
  }
  h1{
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    font-size:36px;
    color:#4D4D4F;
    text-transform:uppercase;
    margin:0 0 45px 0;
  }
  h3{
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    font-size:28px;
    color:#4D4D4F;
    text-transform:uppercase;
    margin:0 0 30px 0;
  }
  h3.front{
    margin-bottom:0;
    display:block;
    width:100%;
  }
  h6{
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#1d295e;
    margin:15px 0px 0px 30px;
    line-height:24px;
  }
  html{
    box-sizing:border-box;
  }
  *,*:before,*:after{
    box-sizing:inherit;
  }
  img{
    height:auto;
    max-width:100%;
  }
  .row-no-padding [class*="col-"]{
    padding-left:0!important;
    padding-right:0!important;
  }
  .container-no-padding{
    padding:0 0 0 0;
  }
  @media (max-width: 992px){
    div#logo-container{
      height:33vh;
      box-sizing:border-box;
      padding:6vh 0;
    }
    div#top-vignette{
      height:33vh;
    }
    div#bottom-vignette{
      height:34vh;
    }
  }
  @media (min-width: 992px){
    div#logo-container{
      height:100vh;
    }
    div#top-vignette,div#bottom-vignette{
      height:50vh;
      border-left:2px solid #fff;
    }
  }
  #logo-container{
    display:table;
    box-sizing:border-box;
    border-top-width:0;
    border-left-width:0;
    border-right-width:0;
    padding-bottom:86px;
  }
  #logo-container h1{
    color:#fff;
    text-align:center;
  }
  #logo-container .dock-bottom{
    font-size:12px;
  }
  #top-vignette .dock-bottom{
    border-bottom:2px solid #fff;
  }
  a .oi-panel{
    position:relative;
    box-sizing:border-box;
    padding-bottom:100%;
    min-height:100%;
    overflow:auto;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    transition:all 0.5s ease;
  }
  a .oi-panel.vignette{
    padding-bottom:100px;
  }
  a .oi-panel:hover{
    opacity:0.85;
    filter:alpha(opacity=85);
  }
  a .oi-panel .dock-bottom{
    border-top:2px solid #fff;
    overflow:hidden;
    width:100%;
    text-decoration:none;
  }
  a .oi-panel .dock-bottom h3{
    color:#fff;
    margin:0 0 0 0;
  }
  .dock-bottom{
    position:absolute;
    bottom:0;
    height:80px;
    width:100%;
    left:0;
    display:flex;
    align-items:center;
    padding:0 30px;
    color:#1d295e;
  }
  .oi-panel-turquoise{
    background-color:rgba(117, 157, 201, 0.85);
  }
  a{
    color:royalblue;
  }
  a:visited{
    color:purple;
  }
  a:hover,a:focus,a:active{
    color:midnightblue;
  }
  a:focus{
    outline:thin dotted;
  }
  a:hover,a:active{
    outline:0;
  }
}