1.title-wrapper {
 2    max-width: 800px;
 3    margin: 0 auto;
 4    padding-top: 20px;
 5    padding-bottom: 10px;
 6
 7    .title {
 8        font: bold 37px Heliotrope;
 9    }
10
11    .menu {
12        float: right;
13        margin-top: 11px;
14        font-size: 29px;
15        ul {
16            list-style-type: none;
17            margin: 0px;
18            padding: 0px;
19        }
20        li {
21            display: inline-block;
22            padding-left: 15px;
23        }
24        @media (max-width: $max-width) {
25            float: none;
26            ul {
27                padding: 5px 0px 5px;
28            }
29            li {
30                padding-left: 0px;
31                padding-right: 15px;
32            }
33
34        }
35    }
36    a {
37        text-decoration: none;
38        color: inherit;
39    }
40    a:visited {
41        color: inherit;
42    }
43    border-bottom: 2px solid;
44    @media (max-width: $max-width) {
45        text-align: center;
46    }
47}