body {
  font-family: "Nunito", sans-serif;
  background: #FCFFF7; }

a {
  text-decoration: none;
  color: #FF4917; }
  a:hover {
    border-bottom: 1px solid; }

.wrapper {
  width: 90%;
  margin: 0 5%; }

.main.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%; }

.contact_card {
  width: 100%;
  text-align: center; }
  .contact_card h1 {
    font-size: 1.6em;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 800;
    color: #3771FF;
    margin: 0;
    padding: 0; }
  .contact_card h2 {
    font-size: 1.6em;
    line-height: 1.2;
    color: #FF4917;
    text-transform: uppercase;
    margin: 0 0 1rem 0; }

.contact_info {
  color: #FF4917;
  font-family: "Courier New", sans-serif;
  font-size: 1.2em;
  font-weight: 800;
  letter-spacing: 1px; }
  .contact_info p {
    font-size: .8em;
    margin: 0 0 .3rem 0; }

.lb_logo {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  max-width: 220px;
  flex-grow: 1;
  overflow: hidden;
  margin: 2rem auto; }

.lb_head {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  max-width: 100%;
  width: 500px; }

.lb_text {
  left: 0;
  top: 0;
  width: 500px;
  height: auto;
  min-width: 100%;
  max-width: 100%;
  -webkit-animation: spin 18s linear infinite;
  -moz-animation: spin 18s linear infinite;
  animation: spin 18s linear infinite; }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 480px) and (min-width: 768px) {
  .main.wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    height: 100vh; }
  .contact_card h1 {
    font-size: 2em; }
  .contact_card h2 {
    font-size: 2em; }
  .contact_info p {
    font-size: 1em; }
  .lb_logo {
    margin: 0;
    max-width: 400px; }
  .contact_card {
    padding-right: 4rem;
    text-align: left; } }

@media only screen and (min-width: 480px) {
  /* ============
    WIDE: Menu
   ============ */
  .title {
    float: left; }
  nav {
    float: right;
    width: 38%; }
  /* ============
    WIDE: Main
   ============ */
  .main article {
    float: left;
    width: 57%; }
  .main aside {
    float: right;
    width: 28%; } }

@media only screen and (min-width: 1140px) {
  /* ===============
    Maximal Width
   =============== */
  .wrapper {
    width: 1026px;
    /* 1140px - 10% for margins */
    margin: 0 auto; } }

/* ==========================================================================
   Helper classes
   ========================================================================== */
.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: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }