.full-container {
  width: 100%;
  height: calc(100% - 125px);
  position: relative;
}

.box-animation {
  position: absolute;
  top: 20%;
  left: 10%;
  width: 29%;
  overflow: hidden;

  -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 3s; /* Firefox < 16 */
  -ms-animation: fadein 3s; /* Internet Explorer */
  -o-animation: fadein 3s; /* Opera < 12.1 */
  animation: fadein 3s;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}



.box-animation img{
  width: 90%;
}

.animation {
  font-family: 'gothammedium';
  font-weight: 400;

  text-transform: uppercase;

}

.animation.first {
  overflow: hidden;
  color: #9E948B;
  font-size: 30px;
  line-height: 25px;
  padding-bottom: 10px
}

.animation.second {
  overflow: hidden;
  color: #1F295A;
  line-height: 60px;
  font-size: 72px;
  border-top: 5px solid #1F295A;
  padding-top: 10px;
}


@media only screen and (max-width: 480px) {
  .box-animation {
    display: none;
  }

}