body {
    font-family: Roboto;
}

.nav {
    padding-top: 3%;
    padding-right: 0px;
    margin-bottom: 3%;

}

.navbar-brand {
    font-size: 1.5rem;
}

.navbar-nav {
    float: none;
    text-align: center;
}

.navbar-nav li {
    float: none;
    display: inline-block;
}

h3 {
    text-align: center;
}

.bg-light {
    background-color: transparent !important;
}

main {
    padding-top: 60px;
    padding-bottom: 75px;
}

img {
    width: 620px;
    /*width: 100%;*/
}

.photos {
    text-align: center;
}

ul {
    list-style-type: none;
}


#footer {
    text-align: center;
    opacity: 0.5;
    margin-top: 120px;
}

.row {
    margin-bottom: 5%;
}

@media screen and (max-width: 1000px) {
    img {
        width: 100%
    }
}