* {box-sizing:border-box}
body {background:#fff; font-family: Arial, sans-serif} .container {width:80%; background:#fff; margin:0 auto; padding:20px} .lspace {display:inline; float:left; padding-right:2%} .rspace {display:inline; float:right} .two {width:20%} .three {width:30%} .four {width:40%} .five {width:50%} .six {width:60%} .seven {width:70%} .eight {width:80%} #header {display:block; margin:10px 0 0; overflow:auto} .site-title {margin:0; text-align:left; font-size:30px; font-weight:bold} .site-desc {margin:10px 0 20px ; text-align:left; font-size:18px} .hdrnav {display:inline-block} .hdrnav a, .hdrnav a:link, .hdrnav a:visited {float:left; display:inline; color:black; text-align:center; padding:10px 15px; text-decoration:none; font-size:17px; background:#333; color:#fff; margin:5px 5px 0} .hdrnav a:hover {background:#ddd; color:#333} .advrt {margin:20px auto; display:table} .advrt img {width:100%} #main {display:block; margin:30px 0 0; overflow:auto} .col-content {float:left; width:31%; margin:0 1%; min-height:280px} .imgfeat img {width:100%; height:120px; object-fit:cover; } .title {text-align:center; font-size:16px; line-height:24px} .title a, .title a:link, .title a:visited {color:#555; text-decoration:none} .title a:hover {color:#222; text-decoration:none} .postitle {margin:0 0 20px; text-align:left; font-size:30px; line-height:40px; font-weight:bold} p {margin:20px 0; text-align:left; font-size:16px; line-height:26px} #footer {display:block; margin:30px 0 0; overflow:auto} .devdev {margin:10px 0 0; text-align:center; font-size:14px; ; border-top:1px solid #777; padding:10px 0 0; color:#333; text-decoration:none} .devdev a, .devme a:link, .devdev a:visited {color:#333; text-decoration:none; font-weight:bold} .devdev a:hover {color:#777; text-decoration:none} .vidsee {position:relative; margin-top:20px; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%} .vidsee iframe, .vidsee object, .vidsee embed {position:absolute; top:0; left:0; width:100%; height:100%} form {width: 50%;margin: 0 auto; display:table;} input {padding:10px 10px; border:0; font-size:17px;} .search {width:75%; border:1px solid #1c87c9} .submit {width:25%; background: #1c87c9; color:#fff; border:1px solid #1c87c9; cursor:pointer} @media screen and (max-width:800px) { .container {width:100%; background:#fff; margin:0 auto; padding:20px 20px} .two, .three, .four, .five, .six, .seven, .eight {width:100%} .site-title {text-align:center} .site-desc {margin:10px 0 0; text-align:center} .hdrnav {display:inline-block; float:left} .col-content {float:left; width:48%; margin:0 1%; min-height:340px} .lspace {float:none} .rspace {float:none} form {width: 100%;margin: 0 auto; display:table;} }