html{-webkit-text-size-adjust: 100%}body{font-family: Arial,Helvetica,sans-serif;font-size: 16px;line-height:1.7;color: #3E3B36;margin: 0;padding: 0;background-color: #c6bfb7;}
h1,h2,h3,h4{font-weight:400;color:#52483E;margin-bottom:8px;}
h1{font-size:2.4em;line-height:1.2;margin:0 0 16px}
h2{font-size:1.5em;line-height:1.2;padding-top:0}
h3{font-size:1.4em;padding-top:5px}
h4{font-size: 1.5em;padding: 0 0 0 30px}
p,ul,ol,dl{margin-top:0}
a{text-decoration:none;color:#33626a;}
img{max-width:100%;height:auto}
.right{max-width:33%;height:auto;float:right;border:2px solid #BFB8B0;margin:4px 0 2px 20px}
#wrapper{background-color: #f1eeeb;max-width: 1000px;margin: 0 auto;}
#wrapper::after{content:"";display:block;clear:both;}
#logo{background-color: #e9e5e0;font-size: 3em;letter-spacing:-.03em;text-align:center;font-family: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-style: italic;font-weight: 300;width:27%;height:100px;float:left;padding:0}
#logo a{color: #52483E;line-height:1;}
.sidenav{width:27%;float:left;clear:left;background-image:linear-gradient(to bottom,#e9e5e0 0%,#e9e5e0 80%,#f1eeeb 100%)}
.sidenav a{font-weight:600;padding: 6px 8px 6px 30px;display: block}
.sidenav ul{margin:0;padding:0 10px 10px}
.sidenav li{list-style: none;border-bottom: 1px dashed #CAC0B7;}
.sidenav h4{font-style: italic;font-weight: 100;}
.sok a{background-image: url(images/sok_ikon.png);background-repeat: no-repeat;padding-left: 32px;margin-left: 28px;padding-top: 6px;}
a:hover{color:#66929a}
#content{float: right;width: 63%;margin-top: -120px;padding: 30px 5% 0}
.post{margin:20px 0;font-family:Georgia,"Times New Roman",Times,serif}
.post .entry a {text-decoration:underline;}
.meta{font-weight: 700;}
.entry{text-align: justify;padding: 0 0 20px;border-bottom: 1px dotted #8A847B}
.entry ul li{margin-left:-20px}
.entry ul li a {line-height: 225%}
#footer{background-color: #f1eeeb;max-width:1000px;margin:0 auto}
#footer p{margin:0;padding:12px 0;font-size:.875em;text-transform:uppercase;text-align:center}
.author,blockquote{font-size:.925em}
.clear{clear:both}
@media (min-width: 981px) {
.mbutton, .sidenav .closebtn {display: none}
}
@media (max-width: 980px) {
h4{font-size: 1.2em;margin-bottom: -40px}
#logo{width:auto;text-align:left;height:52px;padding:0 30px 30px}
#content{width:90%;margin-top:0}
.post{margin-top:0;}
.entry{text-align: left}
.sidenav{display:none;height:100%;width:100%;position:fixed;z-index:1;top:0;left:0;background-color:#e4dfda;overflow-x:hidden}
.sidenav ul{padding-top:50px}
.sidenav .closebtn{position:absolute;top:10px;right:25px;font-size:40px;line-height:1;background:none;border:none;padding:0;font-family:inherit;color:inherit;cursor:pointer;}
.mbutton{font-size: 33px;color: #33626a;cursor: pointer;float: right;padding: 10px;margin: 2px 30px 0 0}
}