header{border-bottom:2px solid #000}header a{margin-right:40px;text-decoration:none;text-transform:uppercase}header a,header a:hover{background-image:none}footer{border-top:2px solid #000}@media(max-width:499px){footer{padding-bottom:40px}}.home{font-size:30px;font-weight:700}.posts ul{margin-top:0}.posts li{list-style:none;margin-bottom:20px}@media(min-width:500px){.city-guides h1,.posts h1{border-right:2px solid #000}}@media(max-width:499px){.posts ul{padding-left:0}}.blue-house .content,.red-house .content{max-width:900px}body,html{background:#fff;font-family:Nunito,Helvetica Neue,-apple-system,sans-serif;font-size:18px;height:100%;line-height:1.6;margin:0;padding:0}body #__next{display:flex;flex-direction:column;height:100%}*{box-sizing:border-box}a{color:#000}@media(max-width:499px){a{-webkit-text-decoration-color:#ff0048;text-decoration-color:#ff0048}}@media(min-width:500px){a{text-decoration:none;background-image:linear-gradient(#ff0048,#ff0048),linear-gradient(#000,#000);background-size:0 2px,100% 2px;background-position:0 100%,100% 100%;background-repeat:no-repeat;transition:background-size .5s ease}a:hover{background-size:100% 2px,100% 2px}a:focus{outline:5px auto #ff0048}}img{max-width:100%;display:block}header+*{flex:1 1}h1,h2,h3,h4{margin:0}p{margin-top:0}footer,header,main{padding:20px}b{font-weight:800}@media(min-width:500px){.two-column-grid{display:grid;grid-template-columns:250px auto}.two-column-grid>:first-child{padding-right:20px}.two-column-grid>:last-child{padding-left:20px}}.img{margin:20px 0}.img .alt{font-size:14px}