.bg-white {
    background-color: white;
}

.bg-royalblue {
    background-color: royalblue;
}

.bg-lightsteelblue {
    background-color: lightsteelblue;
}

.thin {
    font-family: 'Roboto', sans-serif;
}

.font-large {
    font-size: large;
}

.font-small {
    font-size: small;
}

.color-black {
    color: black;
}

.color-black {
    color: rgb(53, 53, 53);
}

.color-white {
    color: white;
}

.auto-margin {
    margin: auto;
}

.font-weight-400 {
    font-weight: 400;
}

body {
    font-family: 'Roboto Condensed', sans-serif;
}

#gallery1 {
    background-color: darkgrey;
    background-image: url("/images/Gallery1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 31vh;
}

#gallery2 {
    background-color: darkgrey;
    background-image: url("/images/Gallery2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 15vh;
}

#gallery3 {
    background-color: darkgrey;
    background-image: url("/images/Gallery3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 15vh;
    margin-top: 1vh;
}

#gallery4 {
    background-color: darkgrey;
    background-image: url("/images/Gallery4.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 15vh;
}

#gallery5 {
    background-color: darkgrey;
    background-image: url("/images/Gallery5.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 15vh;
    margin-top: 1vh;
}