#best-treks {width:100%; max-width:768px; margin:0 auto 20px auto; background:#3e3e3e; padding:10px 0 0 0; position:relative; z-index:10;}
#best-treks .content-inner {width:95%; max-width:671px; margin:-10px auto 0 auto;}
#best-treks .content-inner.plain {margin:0 auto; text-align:left;}
#best-treks .content-inner h1 {float:left; color:#6da5bc;}
#best-treks .content-inner p {padding:5px 0; margin:0;}
#best-treks .content-inner a {color:#6da5bc;}
#best-treks .content-inner a:hover {color:#d1d1d1;}

#best-treks .content-outer {width:100%; text-align:left; position:relative; border-bottom:2px solid #6da5bc;}
#best-treks .content-outer:before {content:""; display:block; width:6%; height:22px; background:#6da5bc; position:absolute; right:0; bottom:0;}
#best-treks .content-outer.mediumgrey {background:#5d5d5d;}
#best-treks .content-outer.lightgrey {color:#3e3e3e; background:#a8a8a8;}
#best-treks .content-outer.lightgrey h2 {color:#3e3e3e;}
#best-treks .content-outer.lightgrey p {color:#3e3e3e;}
#best-treks .content-outer.lightgrey a {color:#1a7195;}
#best-treks .content-outer.lightgrey a:hover {color:#d1d1d1;}

#best-treks .content-outer .content-inner {margin:0 auto;}

#best-treks .content-inner .tips {padding:20px 0; text-align:left;}

#best-treks .content-inner .leftpic {width:25%; float:left;}
#best-treks .content-inner .leftpic img {display:block; width:90%; max-width:127px; border:1px solid #bbb7b7; margin-top:5px;}

#best-treks .content-inner .textright {float:right; width:72%;}
#best-treks .content-inner .tips h3 {font:700 15px/30px 'Lato', arial, sans-serif; color:#6da5bc;}

#tips img.to-top {position:fixed; left:50%; bottom:25px; cursor:pointer; z-index:1000; margin-left:-500px;}
#tips img.mobile-to-top {display:none;}

@media only screen and (max-width:600px) {
html, body {background:#3e3e3e;}
}
@media only screen and (max-width:500px) {
html, body {background:#3e3e3e;}

#best-treks img.to-top {display:none;}
#best-treks .content-inner .leftpic {width:100%; float:none;}
#best-treks .content-inner .leftpic h2 {padding-bottom:10px;}
#best-treks .content-inner .leftpic img {margin: 0 0 10px; float:left;}
#best-treks .content-inner .textright {clear:left; float:none; width:100%;}
}
@media only screen and (max-width:1200px) {
#tips img.to-top {display:none;}
#tips img.mobile-to-top {display:block; cursor:pointer; z-index:1000;}
}
@media only screen and (max-height:620px) {
#tips img.to-top {display:none;}
#tips img.mobile-to-top {display:block; cursor:pointer; z-index:1000;}
}