html, body {margin:0 auto;padding:0;}
body {text-align: center;font-family: 'Open Sans', sans-serif;color: #504343;margin: 0;background-image: url("../img/backspider.jpg");background-repeat: repeat;}
p {text-align: justify;}
.responsive {width: 100%;max-width: 500px;height: auto;}
.logo {width: 100%;height: auto;margin: 16px 0 0 0;}
.ad {margin:50px 0 30px 0; text-align:center;}
a{text-align:center;margin: 10px auto;color: #2c3e50;}
.page {max-width:820px;height:100%;margin: auto;text-align:center;background-color: rgba(194, 222, 199, 0.6);padding: 10px 10px;border-radius: 5px;border:solid 1px #4d8e5a;position:relative;z-index:2;margin-bottom:20px;}
.wrapper {width: 100%;margin: 0 auto;display: flex;}
.content-wrapper {flex: 1;padding: 0 10px 5px 10px;background-color: rgba(194, 222, 199, 0.6);border-radius: 5px;border:solid 1px #4d8e5a;max-width:820px;margin:0 auto;}
.content {width: 100%;max-width: 820px;height: 100%;margin: 0 auto;}
.adholder {width: 100%;overflow: hidden;position: absolute;top: 480px;left: 0;z-index:1;}
.adholder2 {width: 100%;overflow: hidden;position: absolute;top: 464px;left: 0;z-index:1;}
.adinner {max-width:1060px;margin:auto;}
.adright, .adleft {width:300px;position: relative;margin:0;float:left;height:600px;overflow: hidden;display:inline;}
.adright {float:right;left:300px;}
.adleft {left:-300px;text-align:right;}
.fixed{height:600px;width:300px;overflow: hidden;}
.footer {position: relative;left: 0;bottom: -22px;padding-top:22px;height: 50px;width: 100%;background-color: rgba(194, 222, 199, 0.8);border-top:solid 1px #4d8e5a;}
.button {padding: 0.7em 1.2em;background: rgba(161, 209, 170, 0.6);border:solid 1px #4d8e5a;cursor: pointer;border-radius: 5px;}
.button:hover {-webkit-box-shadow: 0px 0px 4px 0px rgba(110,106,110,0.59);-moz-box-shadow: 0px 0px 4px 0px rgba(110,106,110,0.59);box-shadow: 0px 0px 4px 0px rgba(110,106,110,0.59);color:1ce242;}
.button > span {vertical-align: middle;}
.wrapper-video {position:relative;width: 100%;max-width: 820px;height: 600px;background: #000;}
.wrapper-video img {width:300px;height: 250px;height:auto;}
.wrapper-video img:hover {width:310px;height: 256px;height:auto;}
.wrapper-video iframe {display:none;background: transparent;width: 100%;max-width: 820px;height: 100%;margin: 0 auto;}
.play-btn-video {position:absolute;z-index:666;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#000;border:0;}
.play-btn-video:hover {cursor:pointer;}
.play-btn-video:focus {outline:0;}
@media screen and (max-width: 820px) {.adholder2 {display: none;}}