element.style {
}

a {
  color: #333333;
}

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

.AguerrisArrow {
    position: relative;
    top: -50px;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%); 
}

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

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

.AguerrisTagline {
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    color:#bbbbbb;
    font-size:x-large;
    font-style: italic;
    left: 50%;
    width: 300px;
    text-align:center;
    transform: translate(-50%,100px);
    -ms-transform: translate(-50%,200px);
}

.AguerrisContact {
    position: absolute;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    left: 50%;
    font-size:medium;
    width: 300px;
    color:#bbbbbb;
    text-align:center;
    transform: translate(-50%,150px);
    -ms-transform: translate(-50%,150px);
}

.AguerrisArrowUp {
    position: relative;
    animation: animatetop 2s;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: animatetop;
}
@keyframes animatetop
{
    from
    {
        top:300px;
        opacity:0
    } 
    to
    {
        top:-50px;
        opacity:1
    }
}