#header {
    text-align: center;
    text-transform: uppercase;
}
#header > .content-wrapper {}
#header > .content-wrapper > .hook {
    margin-bottom: 10px;
    
    font-size: 20px;
    letter-spacing: .4em;
}
#header > .content-wrapper > .title {
    font-family: "Druk Wide", sans-serif;
	font-weight: 700;
    letter-spacing: .1em;
	color: var(--main-color);
}
@media (min-width: 900px) {
    #header {
        padding-top: 275px;
        margin-bottom: 100px;
    }
    #header > .content-wrapper > .title { font-size: 30px; }
}
@media (max-width: 899.99px) {
    #header {
        padding-top: 275px;
        margin-bottom: 100px;
    }
    #header > .content-wrapper > .title { font-size: 25px; }
}

/*----------------------------------------------------------------------------------*/

#body {}
#body > .content-wrapper {
    max-width: 830px;
    line-height: 150%;
}
#body > .content-wrapper > h2 { margin: 50px 0 30px; }
#body > .content-wrapper > figure {}
@media (min-width: 900px)                           { #body > .content-wrapper > figure { margin: 50px -50px; } }
@media (max-width: 899.99px) and (min-width: 650px) { #body > .content-wrapper > figure { margin: 50px 0; } }
@media (max-width: 649.99px)                        { #body > .content-wrapper > figure { margin: 25px 0; } }