/* colors 
grey    #e8e7df
*/

* {
    box-sizing: border-box;
}

.logo {
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.base-text {
    text-align: center;
}

body {
    background-color: #e8e7df !important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.content {
    padding: 35px;
}

#container-width {
    width: 60%;
    margin-top: 20px;
    box-shadow: 1.8px 1.8px 2.2px rgba(0, 0, 0, 0.008), 4.3px 4.3px 5.3px rgba(0, 0, 0, 0.014), 8.1px 8.1px 10px rgba(0, 0, 0, 0.021), 14.5px 14.5px 17.9px rgba(0, 0, 0, 0.029), 27.2px 27.2px 33.4px rgba(0, 0, 0, 0.041), 65px 65px 80px rgba(0, 0, 0, 0.07);
}

.container {
    background-color: #fff;
    max-width: 1000px;
    color: #817e65;
}

.link {
    color: #817e65;
}

.link:hover {
    color: black;
}

@media (max-width: 700px) {
    #container-width {
        width: 80% !important;
    }
}