/*
 * UnderConstructionPage
 * Common frontend CSS
 * (c) WebFactory Ltd, 2015 - 2018
 */
 

.content img {
  max-width: 100%;
  height: auto;
}
.hero-image {
    position: relative; /* important for positioning children */
    background-image: url('image.jpeg');
    height: 300px;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 0;
    padding-right: 0;
}

.hero-title {
    position: absolute;
    bottom: 20px;

    width: 100%;
    text-align: center;

    color: white;
    margin: 0;
    text-shadow: 0 2px 6px rgba(0,0,0,0.7);
}


@media(max-width:767px){
  #login-button {
    bottom: 5px;
  }
  #login-button a {
    padding: 5px;
  }
  #social a i {
    margin: 5px;
  }
}