/* Styles for the landing page */




/* HEADER */
.landing-header {
  font-size: 0.875em;
  text-align: center;
  padding: 45px 5% 25px 5%;  
}

.landing-header h1,
.landing-header h2 {
  font-size: 1.5em;
  font-weight: normal;
  margin: 0 0 8px 0;
  line-height: 1.5;
}

.hdr-content {
  margin: 25px 0 
}

.landing-header p {
  margin-bottom: 3px;
  font-size: 1.2rem;
}

/* SUBSITES */
.subsites {  
  text-align: center;
}

.subsites .grid-6 {
  padding: 0;

}

.section-topflock,
.section-topstock {
  margin-bottom: 25px;
  position: relative;  
}

.section-topflock {
  background: #ffff00;
}

.subsites img {
  max-width: 55%;
}


/* SINGLE BREAKPOINT AT 660PX */
@media screen and (min-width:660px){

  body {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffff00+1,ffff00+50,ffffff+50,ffffff+100 */
    background: #ffff00; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffff00 1%, #ffff00 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffff00 1%,#ffff00 50%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffff00 1%,#ffff00 50%,#ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
  }

  .landing-header h1,
  .landing-header h2 {
    font-size: 2em;
  }

  .subsites {
    /*margin-top: 75px;*/
  }

  .section-topflock {
    padding-right: 25px;
    position: relative;
  }
  .section-topflock:after {
    content: "";
    background: url("../images/icon-plus.png") no-repeat;
    width: 57px;
    height: 55px;
    position: absolute;
    right: -28px;
    top: 75px;
  }

  .section-topstock {
    padding-left: 25px;
  }

  .section-topflock img,
  .section-topstock img {
    width: 49%;
    float: left;
  }

  img.img-logo {
    position: relative;
    top:75px;
  }

  .section-topstock img.img-logo {
    float: right;
  }

  /* ** */
  .site-info-content {
    position: relative;
  }

  .site-info-social-media {
    position: absolute;
    right: 0;
    top: 10px;
  }

  .ftr-contact-wrapper {
    text-align: left;
  }

  .ftr-contact-tel {
    display: inline-block;
    margin-right: 25px;
    font-weight: bold;
  }

  .ftr-contact-email {
    font-weight: bold;
  }




}