/* your custom styles here */

.airport-container {
    width: 100%;
    position: relative;
    height: 500px;
}

.airport-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition-property: background-image;
    transition-delay: 0.2s;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    background-image: url("../img/airport/Munich_Airport_Aerial_View_T1_T2_MAC_Original.jpg");
    background-size: auto;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 105%;
}

.image-one {
    background-image: url("../img/airport/Munich_Airport_Aerial_View_T1_T2_MAC_Tower.jpg");
}

.image-two {
    background-image: url("../img/airport/Munich_Airport_Aerial_View_T1_T2_MAC_Terminal.jpg");
}

.image-three {
    background-image: url("../img/airport/Munich_Airport_Aerial_View_T1_T2_MAC_Rollbahn.jpg");
}

.transparent {
    opacity:0;
}

.airport-label {
    z-index: 1000;
    position: absolute;
}

.airport-label h1 {
    color: white;
    padding: 10px;
    border: 1px solid rgba(255,255,255,0.5);
    background-color: rgba(0,0,0,0.25);
    font-size: 1.75em;
    text-shadow: 2px 2px 7px rgba(0,0,0,0.98);
    transition: font-size;
    transition-duration: 0.5s
}

.airport-label h1:hover {
    cursor: pointer;
    font-size: 2em;
}

.label-one {
    top: 25%;
    left: 50%;
}
.label-two {
    top: 45%;
    left: 70%;
}
.label-three {
    top: 60%;
    left: 20%;
}
.label-five {
    top: 15%;
    left: 15%;
}
.label-six {
    top: 10%;
    left: 35%;
}
.label-seven {
    top: 35%;
    left: 10%;
}
.label-eight {
    top: 30%;
    left: 92%;
}
.label-nine {
    top: 0%;
    left: 70%;
}
.label-ten {
    top: 30%;
    left: 30%;
}

.tiny {
    width:1px;
    height:1px;
}

.scrollcontainer {
    z-index: 1000;
    position: fixed;
    bottom: 2%;
    right: 2%;
    background-color: transparent;
    width: 50px;
    height: 50px;
    color: #337ab7;
    transition: font-size;
    transition-duration: 0.5s;
}

.scrollcontainer button  {
    font-size: 3em;
    background-color: transparent;
    border: 0px;
    text-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    transition: color;
    transition-duration: 0.5s;
}

.scrollcontainer:hover {
    cursor: pointer;
    font-size: 1.25em;
    transition: font-size;
    transition-duration: 0.5s;
}

.scrollcontainer button:hover  {
    color:#2e6da4;
}

.scrollhidden {
  visibility: collapse;   
  color: transparent;
}