/* VR SITE CSS */
.fa-rotate-180 {
    padding-left: 0em;
}
.fa {
    margin-top: 10px;
}
.fa-chevron-left, .fa-chevron-down, .fa-chevron-right{
  text-shadow: 0px 0px 10px #676767;
}
.container {
    background-color: #FFF;
    z-index: 1;
    position: relative;
    padding-bottom: 15px;
}
.row.block {
    margin: auto;
}
.cardboard {
    background-image: url("http://www.swinburne.edu.au/2016/_assets/img/bg-img/cardboard-texture.jpg");
    background-size: cover;
}
.content-navigation a:hover,
.content-navigation a.selected {
    background: rgb(231, 67, 73);
}
.content-navigation a {
    position: relative;
    color: rgb(255, 255, 255);
    text-decoration: none;
    background: rgb(226, 31, 38);
    padding: 20px 10px;
    transition: background-color 300ms ease-in-out;
}
@media screen and (min-width: 800px) {
    .content-navigation a {
        display: inline-block;
        width: 160px;
        padding: 20px;
        margin: 1em;
    }
    .tagline {
        width: 35%;
    }
    .title {
        max-width: 25%;
    }
}
@media screen and (max-width: 799px) {
    .content-navigation a {
        display: block;
        width: 95%;
        padding: 20px;
        margin: 5px auto;
    }
    .tagline {
        width: 80%;
    }
}
.padding {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
div#vr-view {
    position: absolute;
    top: 0px;
    z-index: 1;
}