body{
  margin: 0;
  background-image: url("../images/back-01.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  font-family: monospace;
  text-transform: uppercase;
}

.text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% ,-50%);
}

.logo{
  /* padding-right: 5em; */
}

.logo img{
  width: 100%;
  max-width: 250px;

}

.content{
  padding-left: 5em;
  border-left: 1px solid gray;
}

.content-caption{
  margin-top: 1.2em;
}

.content-caption h3{
  /* letter-spacing: 15px; */
}

.content-caption p{
  margin-top: 1em;
  font-size: 1.2em;
}

.info{

}

.info-text{

}
.info-text a{
  color: #333;
}

.info-text-item{
  display: block;
  font-size: 1.2em;
  letter-spacing: 5px;
}

.info-text-email span{
  color: white;
  background-color: #111;
}

.info-text-tel span{
  color: white;
  background-color: #111;
}

.social-media{
  font-size: 2em;
  /* border-left: 1px solid gray; */
}

.social-media a{
  color: #333;
}

.social-media span{
  padding-right: 1em;
}

@media (max-width: 991px) {
  body{
    margin: 0;
    background-image: url("../images/bg-mobile.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .content{
    padding-left: 3em;
    border-left: 1px solid gray;
  }

  .info-text-tel a{
    display: block;
  }

  .info-text-email a{
    display: block;
  }
}