@import url("normalize.css");
@import url("fonts.css");
@import url("colors.css");
@import url("header.css");
@import url("footer.css");
@import url("quest.css");
@import url("sleepers.css");

.main__wrapper {
    font-family: "SourceSans", "Verdana", "Arial", sans-serif;
    font-weight: 500;
    width:85vw;
    max-width: 1600px;
    margin:15vh auto;
}

.college__wrapper {
    max-width:1000px;
    margin:0 auto;
    border:1px solid #b0b0b0;
    border-radius:8px;
}

.college__header {
    padding:1rem;
    border-bottom:1px solid #b0b0b0;
    background:#f0f0f0;
    font-weight: 700;
    font-size:1.6em;
    text-align: center;
    color:#333;
}

.college__body {
    padding:1rem;
    font-size:1.4em;
}

.college__body > ol > li {
    margin:1em 0;
}

.link {
    color:var(--main-link);
}

.link:hover {
    color:var(--main-hoverlink);
}

@media screen and (max-width: 540px) {
    .college__header {
        font-size:1.4rem;
    }

    .college__body {
        font-size:1rem;
    }
}

@media screen and (max-width:451px) {
    .main__wrapper {
        width:95vw;
        margin-top:5vh;
        margin-bottom:5vh;
    }
}