@charset "UTF-8";
@-webkit-viewport { width:device-width; }
@-moz-viewport { width:device-width; }
@-ms-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@viewport { width:device-width; }

* { 
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
}

html { color:#2c2e35; }


body { 
  background-color:#2c2e35; 
  background-image: url('../img/slide_1.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
  font-size:100%; 
  font-family:Arial,sans-serif; 
  letter-spacing:.025em; 
  line-height:1.4em; 
}

html, body { 
  height:100%;
  position:relative; 

  --sh-color-primary: #0f253d;
  --sh-color-secondary: #406089;
}

main {
  position: relative;
}
@media screen and (min-width:1000px){
  main {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

::-moz-selection { background:rgb(0,80,160); color:#FFF; text-shadow: none; }
::selection { background:rgb(0,80,160); color:#FFF; text-shadow: none; }
.chromeframe { margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0; }


::-webkit-input-placeholder { 
  color: rgba(56,56,56,.5);
}
::-moz-placeholder {
  color: rgba(56,56,56,.5);
}
:-ms-input-placeholder { 
  color: rgba(56,56,56,.5);
}
:-moz-placeholder {
  color: rgba(56,56,56,.5);
}




.wrapper { width:100%; margin:auto; padding:0 1em; }


@media screen and (min-width:1000px){
  .wrapper { padding-left:2em; padding-right:2em; }
}

@media screen and (min-width:1344px){ 
  .wrapper { width:78.75rem; padding:0; }
}


img {
  width: 100%;
}
.logo-container {
  background-color: var(--sh-color-primary);
  padding: 2em 1em;
  text-align: center;
}
.logo {
  max-width: 400px;
}


.content {
  background-color: rgba(255,255,255,.9);
  padding: 2em 2em 4em;
  text-align: center;
  /*
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  */
}

@media screen and (min-width:1000px){
  .content {
    padding: 4em 2em 5em;
  }
}



a { border-bottom:1px solid #2c2e35; text-decoration:none; display:inline-block; color:inherit; } 
a:hover { border-bottom:none; }


h1 { 
  display: block;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 1em;
  margin-top: 1em;
  text-transform: uppercase;
}

footer { margin-top:.5em; }
footer a {
  border-color: rgba(255,255,255,.5);
  color: rgba(255,255,255,.5);
  float:right;

}



/* Grid */

.row { width:auto; padding:0; margin-left:-1em; margin-right:-1em; }
.row:before, 
.row:after { content:" "; display:table; }
.row:after { clear:both; }
.columns { float:left; padding-left:1em; padding-right:1em; }
.push { float:right; }



@media screen and ( max-width:600px ) {
  .small-1 { width:33.333333%; }
  .small-2 { width:66.666666%; }
  .small-3 { width:100%; }
  .small-push { float:right; }
}

@media screen and ( min-width:600px ) and ( max-width:1000px ) {
  .medium-1 { width:16.66667%; }
  .medium-2 { width:33.33333%; }
  .medium-3 { width:50%; }
  .medium-4 { width:66.66667%; }
  .medium-5 { width:83.33333%; }
  .medium-6 { width:100%; }
  .medium-push { float:right; }
}

@media screen and ( min-width:1000px ) {
  .large-1 { width:8.333333%; }
  .large-2 { width:16.66667%; }
  .large-3 { width:25%; }
  .large-4 { width:33.33333%; }
  .large-5 { width:41.66667%; }
  .large-6 { width:50%; }
  .large-7 { width:58.33333%; }
  .large-8 { width:66.666666%; }
  .large-9 { width:75%; }
  .large-10 { width:83.333333%; }
  .large-11 { width:91.666666%; }
  .large-12 { width:100%; }
  .large-push { float:right; }

  .row { margin-left:-2em; margin-right:-2em; }
  .columns { padding-left:2em; padding-right:2em; }
}


@media screen and ( min-width:600px ) and ( max-width:1000px ) {
  .medium-offset-1 { margin-left:16.66667%; }
}

@media screen and ( min-width:1000px ) {
  .large-offset-1 { margin-left:16.66667%; }
  .large-offset-2 { margin-left:66.666666%; }
}




.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}


@media print {
  * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group; /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
  
  
}