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

.path{
    padding: 1%;
}

.projectTitle{
    width: 30%;
    margin-left: 35%;
    margin-right: 35%;
    font-family: 'Montserrat', sans-serif;
    font-size: 2vw;
    text-align: center;
    color: darkred;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.descriptionBox{
    align-items: center;
    margin-bottom: 2%;
    margin-top: 2%;
}
.textLine{
    width: 90%;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
}
.imgLine{
    width: 100%;
}
.projectImg{
    width: 25%;
    margin: 5%;
    margin-left: 4.15%;
    margin-right: 4.15%;
    float: left;
}
.descriptionText{
    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;
    }
}