@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,700italic,300italic);

body { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; color: #555; margin: 0; padding: 0; }

#page { margin: 0 auto; position: relative; }
#homepage { margin: 0 auto; position: relative; background-color:#555; }

h1 { margin: 0 0 1em 0; font-size: 4vw; font-weight: 700;  }
h2 { margin: 0 0 1em 0; font-size: 1vw; font-weight: 700;  }

section { padding: 0px; }
section::after { content:''; display: block; clear: both; }

section.title div { margin-top: 10px; margin-bottom: 10px; position: relative; }
section.title div h1 { display: flex; justify-content: center;  }
section.title div.hometitle h1 { color: #fff; }

section.video { display: flex; background-color: #000; position: relative; justify-content: center; }

section.menu div{ position: absolute; left: 50%; margin-right: -50%; transform: translate(-50%, 0%); background-color:#fff; width: 1280px;  display: flex; justify-content: center; }
section.menu div ul { list-style: none; padding-left: 0px; }
section.menu div ul li { position: relative; padding: 5px 0 0 0; font-size: 2em;}

section.menu div ul li ul {  }
section.menu div ul li ul li { font-size: 0.5em; }
section.menu div ul li ul li a { display: inline-block; color: #000; text-decoration: none; position: relative; transition: background-color .5s; }
section.menu div ul li ul li a:hover { background-color: rgba(128,128,128, 1); }
section.menu div ul li ul li a:visited { color: #660000 }

section.ad { margin: 10px 10px; display: flex; justify-content: center; }

section.tags { display: flex; justify-content: center; } 

.responsive-video {
max-width: 80%;
height: auto;
display: block;
margin: 0 auto;
}