@charset "UTF-8";
@import url("/count/35eb77");

/**
 * @license
 * MyFonts Webfont Build ID 3533687, 2018-02-28T16:44:12-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: FF Scala Sans Web Bold by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-scala-sans/ot-bold/
 * Copyright: 2010 Martin Majoor published by FSI FontShop International GmbH
 * Licensed pageviews: 50,000
 *
 * Webfont: FF Scala Sans Web Italic by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-scala-sans/ot-italic/
 * Copyright: 2010 Martin Majoor published by FSI FontShop International GmbH
 * Licensed pageviews: 50,000
 *
 * Webfont: FF Scala Sans Web Regular by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-scala-sans/ot-regular/
 * Copyright: 2010 Martin Majoor published by FSI FontShop International GmbH
 * Licensed pageviews: 50,000
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3533687
 *
 * © 2018 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */

@font-face {
  font-family: 'FFScalaSansWebBold';
  src: url("webfonts/35EB77_1_0.eot");
  src: url("webfonts/35EB77_1_0.eot?#iefix") format("embedded-opentype"), url("webfonts/35EB77_1_0.woff2") format("woff2"), url("webfonts/35EB77_1_0.woff") format("woff"), url("webfonts/35EB77_1_0.ttf") format("truetype");
}

@font-face {
  font-family: 'FFScalaSansWebItalic';
  src: url("webfonts/35EB77_2_0.eot");
  src: url("webfonts/35EB77_2_0.eot?#iefix") format("embedded-opentype"), url("webfonts/35EB77_2_0.woff2") format("woff2"), url("webfonts/35EB77_2_0.woff") format("woff"), url("webfonts/35EB77_2_0.ttf") format("truetype");
}

@font-face {
  font-family: 'FFScalaSansWebRegular';
  src: url("webfonts/35EB77_3_0.eot");
  src: url("webfonts/35EB77_3_0.eot?#iefix") format("embedded-opentype"), url("webfonts/35EB77_3_0.woff2") format("woff2"), url("webfonts/35EB77_3_0.woff") format("woff"), url("webfonts/35EB77_3_0.ttf") format("truetype");
}

/* ========================================================================
   Component: Base
 ========================================================================== */
/*
 * 1. Set `font-size` to support `rem` units
 *    Not using `font` property because a leading hyphen (e.g. -apple-system) causes the font to break in IE11 and Edge
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 * 3. Style
 */
html {
  /* 1 */
  font-family: "FFScalaSansWebRegular";
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 3 */
  background-color: #fff;
  color: #003145;
}

body {
  font-family: "FFScalaSansWebRegular", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: url("../images/lightlanding_background-01.svg") no-repeat;
  background-position: -75px -20px;
}

.italic, em {
  font-family: "FFScalaSansWebItalic";
  font-weight: normal;
  font-style: normal;
}

.bold, strong {
  font-family: "FFScalaSansWebBold";
  font-weight: normal;
  font-style: normal;
}

/* Links
 ========================================================================== */
/*
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  /* 1 */
  background-color: transparent;
  /* 2 */
  -webkit-text-decoration-skip: objects;
}

a.navlink {
  color: #ad8f22;
}

a.navlink:hover {
  text-decoration: none;
  color: #665914;
}

a.navlink h4 {
  font-weight: bold;
}

h1 {
  font-family: "FFScalaSansWebBold";
  font-size: 3em; /* 48px */
  letter-spacing: .2em;
}

hr {
  border-color: black;
}

#main-container {
  /* background-image:url(../images/lightlanding_background-01.svg); */
}

#lu-aerial {
  width: 100%;
}

#lu-logo {
  width: 250px;
}

#lu-seal {
  width: 170px;
}

@media (max-width: 991.98px) {
  body {
    margin-left: .5em;
    margin-right: .5em;
  }
}

@media (max-width: 575.98px) {
  h1 {
    font-size: 2em;
  }
  #lu-logo {
    width: 150px;
  }
  #lu-seal {
    width: 110px;
  }
}

@media (min-width: 1200px) {
  h1 {
    font-size: 3.5em;
  }
}