html {
    box-sizing: border-box;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
}
 
body {
    height: 100%;
    margin: 0;
    font-family: "Raleway", sans-serif;
    line-height: 1.5
}

a {
    background-color: transparent;

}

a:active, a:hover {
    outline-width: 0
}

hr{
    box-sizing: content-box;
    height: 0;
    overflow: visible;

    border: 0;
    border-top: 1px solid #eee;
    margin: 20px 0
}

.background {
    background-image: url('../img/grandtetonsunset.jpg');
    min-height: 100%;
    background-position: center;
    background-size: cover;
  }

.display-container{
    position: relative;
}

.fade-in{
    animation: opac 0.6s;
}

@keyframes opac {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fade-top{
    position: relative;
    animation: animatetop 0.4s;
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

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

.center {
    text-align: center
}

.border-grey {
    border-color: #9e9e9e;
}

.hover-opacity:hover {
    opacity: 0.60
}