.clearfix{display:block;clear:both}
.clearfix:after,.row:after{content:"";display:table;clear:both}

body{font-size:13px;line-height:2em;color:#333;word-wrap:break-word;font-family:Verdana, sans-serif}
p{margin:0 0 2.4em;padding:0}
a{text-decoration:none;color:#ff5722}
a:hover{text-decoration:none;color:#e64a19}

.container{max-width:1200px;margin:0 auto}
aside{float:left;width:175px;padding:4% 1% 0 3%}
header,nav{width:100%}
h1,h2{font-family:Ranchers, sans-serif;font-weight:700;line-height:1em;margin:0}
h1{font-size:2.7em;color:#000}
h2{font-size:2em;color:#888}
nav ul li{font-size:1.1em;padding:0}
nav ul li a{text-decoration:none;color:#000}
nav ul li a:hover{color:#777;text-decoration:none}

.content{float:right;width:82%;padding:4% 2% 0 0}
.responsive{float:left;width:49.99%;padding:0 5px}
div.img img{width:100%;height:auto}

/* all the modal stuff */
.row > .column{padding:0 8px}
.column{float:left;width:25%}
.modal{display:none;position:fixed;z-index:1;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000}
.modal-content{position:relative;background-color:#000;width:100%;max-width:750px;margin:auto;padding:0}
.close{color:#fff;position:absolute;top:10px;right:25px;font-size:35px;font-weight:700}
.close:hover,.close:focus{color:#999;text-decoration:none;cursor:pointer}
.myslides{display:none}
.cursor{cursor:pointer}
.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-50px;color:#fff;font-weight:700;font-size:20px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none;padding:16px}
.next{right:0;border-radius:3px 0 0 3px}
.prev:hover,.next:hover{background-color:rgba(0,0,0,0.8)}
.numbertext{color:#f2f2f2;font-size:12px;position:absolute;top:0;padding:8px 12px}
.caption-container{text-align:center;background-color:#000;color:#fff;padding:5px 16px}
.demo{opacity:0.6}
.active,.demo:hover{opacity:1}
img.hover-shadow{transition:.3s}
.hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)}

.smaller{font-size:11px}.dkgr{color:#666}
.responsive-about{float:left;width:90%;margin-left: 9%}
.about-img img{width:85%;height:auto; margin-bottom:8px}
.about-me{margin-right:15%;color:#000}

@media only screen and (max-width 700px) {.responsive{width:49.99%;margin:5px 0}}
@media only screen and (max-width 500px) {.responsive{width:100%}}