*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a,article,aside,blockquote,body,caption,div,em,figcaption,footer,form,h1,h2,h3,h4,h5,h6,header,html,label,legend,li,menu,nav,ol,p,pre,small,span,strike,strong,table,tbody,td,th,tr,ul{font-family:Cabin,sans-serif}header{max-width:900px}header,header .logo{width:100%;margin:auto}header .logo{max-width:200px}header nav{margin:auto;width:100%;text-align:center}header nav a{color:#000;text-decoration:none;font-weight:700;text-transform:uppercase}header nav .active a{color:#b70f2a}header nav ul{display:block}header nav ul li{display:inline-block}header nav ul li a{display:block;padding:10px}@media (max-width:640px){header nav ul{display:flex;flex-direction:row;flex-wrap:wrap;max-width:80%;margin:auto}header nav ul li{flex:1;width:150px;padding:10px}header nav ul li a{border:1px solid #b70f2a}}@media (max-width:380px){header nav ul li{width:120px}}@media (min-width:900px){header nav ul a{padding:20px}}@media (min-width:640px){header{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:10px;grid-auto-rows:minmax(100px,auto)}header .logo{grid-column:1/3}header nav{grid-column:4/9}}header.cover{height:200px}main article{max-width:900px;margin:auto}