body {
    position: relative;
    background-color: #BAA09F;
}

@font-face {
    font-family: 'roboto-medium';
    src: url(./fonts/roboto/Roboto-Medium.ttf);
    font-family: 'roboto-light';
    src: url(./fonts/roboto/Roboto-Light.ttf);
    font-style: normal;
    font-weight: 100;
}

.section-head {
    color: #ffffff;
    font-size: 3.5rem;
    text-align: left;
    /* letter-spacing: .04em; */
    text-transform: inherit;
    font-family: roboto-medium, sans-serif;
    font-weight: 100;
    line-height: 1.05;
}

.title {
    padding-top: 20px;
    color: #253228;
    font-size: clamp(2.5rem, 10vw, 6rem);
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-family: roboto, sans-serif;
    font-weight: 100;
    line-height: 1.05;
}

.subtitle {
    color: #253228;
    line-height: 1.4;
    font-size: clamp(1.5rem, 1.7vw, 2rem);
    text-align: center;
    font-family: roboto-medium, sans-serif;
    margin-top: 10px;
}

a {
    color: #253228;
    text-decoration: underline;
}

nav .navbar-nav li a {
    color: #253228 !important;
    font-size: 1.5rem;
}

.navbar {
    background-color: #BAA09F;
    box-shadow: 0px 2px 18px #B6BFC4;
}

#section1 {
    padding-top: 20px;
    min-height: 750px;
    color: #253228;
    background-image: url(../images/sweetwater.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: light;
}

.personal-statement {
    text-align: left;
    max-width: 800px;
    width: 90%;
    padding: clamp(10px, 2.5vw, 20px);
    margin: 20px auto;
    color: #253228;
    font-family: roboto-medium, sans-serif;
    font-size: clamp(1.5rem, 1.7vw, 2rem);
    background-color: rgba(221, 229, 232, 0.85);
    border-radius: 20px;
}

.contact-info {
    font-family: roboto-medium, sans-serif;
    font-size: 125%;
    color: #EEEAE9;
}

@media (max-width: 450px) {
    .personal-statement {
        text-align: left;
        padding: 10px 16px;
    }
}

@media (min-width: 451px) {
    .personal-statement {
        max-width: 600px;
        margin: 0 auto;
    }
}