article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
*{box-sizing:border-box}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:'Noto Sans', sans-serif;font-size:24px;font-weight:400;line-height:1.5;color:#fff;margin:0;padding:0}
@media (max-width: 1024px){body{font-size:20px}}
@media (max-width: 480px){body{font-size:16px}}
figure{margin:0;padding:0}
p,ol{width:70%;margin:2.5% auto;padding-left:20px}
@media (max-width: 1024px){p,ol{width:90%}}
@media (max-width: 480px){p,ol{width:100%}}
ul li,ol li{margin:20px 0}
p,ul{padding-left:0}
header{margin-bottom:5%}
h1{color:#fff;font-size:48px;font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:1px;text-align:center;margin:0}
@media (max-width: 1024px){
  h1{font-size:36px}
}
@media (max-width: 480px){
  h1{font-size:28px}
}

h2{font-size:18px;font-weight:400;line-height:1.25;color:#fff;text-transform:uppercase;letter-spacing:1px;text-align:center;padding:5px 8px;margin:0;white-space:nowrap}
h3{font-size:16px;font-weight:400;line-height:1.25;color:#555;text-transform:uppercase;letter-spacing:1px;text-align:center;padding:5px 8px;margin:0;white-space:nowrap}
@media (max-width: 1200px){
  h2{font-size:15px}
}

pre,code{font-family:Monaco, Consolas, "Lucida Console", monospace;font-size:16px;line-height:2;overflow:auto;width:75%;margin:0 auto;padding:10px;border-radius:10px}
@media (max-width: 1024px){pre,code{width:100%;font-size:14px}}
code{padding:5px;vertical-align:3px;white-space:nowrap}
a{color:#fff;text-decoration:none;border-bottom:dotted 2px #fff}
a:hover,a:active,a:focus{color:#fff;border-bottom:solid 2px #fff}
section{padding:10% 5%;width:100%}


@media (max-width: 1024px){
  .buttons li a{padding:15px;font-size:22px}
}
.buttons li a:hover,.buttons li a:active,.buttons li a:focus{background:none;border:2px solid #fff}
.second{background:#000000}

.video{
  background:#000;
  padding-bottom:15px;
  box-shadow:0 1px 1px rgba(0,0,0,0.15);
  width:18%;margin:1%;
  float:left;
  -moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  transition:all 0.5s ease
}

@media (max-width: 1366px){.video{width:23%}}
@media (max-width: 1024px){.video{width:31.333%}}
@media (max-width: 768px){.video{width:48%}}
@media (max-width: 480px){.video{display:block;width:96%;margin:2%;float:none}}

.video figure{height:0;padding-bottom:60%}
.video img{width:100%;opacity:1}


#icons a {
  color: #555;
  border: none;
  text-align: center;
}
h1{
  font-family: 'Neuton', serif;
}
footer{
  background-color: #000
}

.video img:hover, .video img:active, .video img:focus{
  opacity:0.75
}
img{
  max-width:100%;
  height:auto
}
.clearfix{
  content:"";
  display:table;
  clear:both
}