/* FRONTEND CSS
*********************************************/
html {
  overflow-y: scroll;
}
body {
  background-color: #FFFFFF;
}

/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

.items-row {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.logolarge {
  display: none;
  position: absolute;
  left: 25px;
  z-index: 1000;
  
}

.img-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 1050px;
}

.img-container img {
    padding-right: 6px;
    padding-bottom: 6px;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .logolarge {
    display: none;
  } 
  .logotop {
    margin-bottom: 0;
  }
  .logosmalla {
    display: block;
  }

  .img-container img {
    padding-right: 6px;
    padding-bottom: 6px;
    max-width: 390px;
  }    
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
   .logolarge {
    display: none;
  } 
  .logotop {
    margin-bottom: 0;
  }
  .logosmalla {
    display: block;
  }

  .img-container img {
    padding-right: 6px;
    padding-bottom: 6px;
    max-width: 450px;
  }         
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
   .logolarge {
    display: none;
  } 
  .logotop {
    margin-bottom: 0;
  }
  .logosmalla {
    display: block;
  }
}
/* Large desktop */
@media (min-width: 1300px) {
  .logotop {
    margin-bottom: 50px;
  }  
   .logolarge {
    display: block;
  } 
  .logosmalla {
    display: none;
  }
}