.rsdcontent .rsd-head {
    background-color: #a3bfcc;
    text-align: center;
    padding-top: 7px;
    border-radius: 150px 50px;
}

.rsdbanner.footer {
    background-color: #a3bfcc;
    text-align: center;
    height: auto;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1px;
    clear: both;
    border-radius: 45px 15px;
    font-family: Garamond, serif;
}

.hidden {
    display: none;
}

/* Clear Float */
.clearfloat {
    clear: both;
}

.clearright {
    clear: right;
}
.title {
    color: #a3bfcc;
    text-align: center;
    text-shadow: 2px 2px #dddddd;
    font-family: Garamond, serif;
}
h1 {
    font-size: 3vw;
}
h2 {
    font-size: 2vw;
}
.left {
    background-color: #a3bfcc;
    border-radius: 90px 30px;
    padding: 10px;
    text-align: center;
}

.left,
.right {
    float: left;
    width: 20%;
}
.rsdcontent {
    float: left;
    width: 60%;
    padding: 1em 2em 2em 1em;
    font-family: Garamond, serif;
}
.nav {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.alto {
    text-align: center;
    font-family: Garamond, serif;
    font-style: italic;
    font-weight: 550;
    color: #a3bfcc;
    clear: both;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

/* breakpoint at 800px */
@media screen and (max-width: 800px) {
    .left,
    .rsdcontent,
    .right {
        width: 90%;
        padding: 1em;
    }
    h1 {
        font-size: 5vw;
    }
    h2 {
        font-size: 3vw;
    }
}