.post-it-note {
    background-color: #f7f794;
}

.btn {
    min-width: 8em;
    margin: 0.7em 0.7em 0.7em 0;  /* top right bottom left */
}


legend{
    font-size: 14px;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .logo {
        justify-content: center;
    }
}

.logo img{
    margin-right: 0px;
    max-height: 40px;   
}

#site-name{
    color: #bb9f61;
    font-size: 27px;
    margin: -5px 0px 0px 0px;
    padding-left: 30px;
}

@media (max-width: 1199px) {
    .header-nav{
        margin-left: auto !important;
    }
}

@media (max-width: 700px) {
    .logo img{
        max-height: 35px;
    }
    #site-name{
        font-size: 24px;
        padding-left: 15px;
    }
}