.desktopPage{
    display: block;
}
.mobilePage{
    display: none;
}

.path{
    padding: 1%;
}

.titleImg{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

/* INFO BOX */
.infoBox{
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 3%;
    margin-bottom: 3%;
}

.infoColumn{
    width: 50%;
}

.mapColumn{
    width: 50%;
}
.mapAlt {
    width: 100%;
}
.libraryHoursBox{
    text-align: center;
    width: 40%;
    margin: 30%;
    margin-top: 0%;
    margin-bottom: 5%;
}

.libraryHoursTitle{
    font-family: 'Montserrat', sans-serif;
    font-size: 2vw;
    margin: 0;
    color: white;
    padding: 3%;
}

.libraryHoursTitleBox{
    background-color: darkred;
    border-radius: 2vw 2vw 0 0;
    box-shadow: 0em 0em 0.8em 0.1em #000000;
}

.libraryHoursTextBox{
    background-color: gainsboro;
    border-radius: 0 0 2vw 2vw;
    height: 4vw;
    box-shadow: 0em 0em 0.8em 0.1em #000000;
}

.libraryHoursText {
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    margin: 0;
    padding-top: 5%;
    margin-left: 5%;
    margin-right: 5%;
}
.libraryHoursChangeText{
    font-size: 1vw;
}
.mapTitle{
    font-family: 'Montserrat', sans-serif;
    font-size: 2vw;
    text-align: center;
    color: darkred;
}

.mapDescription{
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
	text-align: center;
}

.onlineLink{
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    text-align: center;
    color: darkred;
}

/* DESCRIPTION */
.textBox{
    width: 100%;
    float: left;
    text-align: center;
}
.posters{
    width: 100%;
    margin-top: 5%;
    margin-bottom: 5%;
}
.posterBox{
    width: 50%;
    float: left;
    margin-bottom: 5%;
}
.projectImg{
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}
.descriptionText{
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
}

/* TUTORIAL */
.tutorialTitle{
    width: 40%;
    margin-left: 3%;
    margin-right: 57%;
    font-family: 'Montserrat', sans-serif;
    font-size: 2vw;
    text-align: left;
    color: darkred;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.tutorialTextBox{
    width: 100%;
    float: left;
    margin-top: 5%;
    margin-bottom: 5%;
}
.tutorialText{
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
}

@media (max-width: 414px), (orientation: portrait) {
    .desktopPage{
        display: none;
    }
    .mobilePage{
        display: block;
    }
}