/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain)*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1; overflow-x: hidden;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/*------------END ------------- */

* {box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%;}
img, video {max-width: 100%; height: auto;}

html {scrollbar-gutter: stable both-edges;font-family: "Work Sans", sans-serif;background-color: #1a0a2e;}
body{background-color: #1a0a2e;}
#topcomp {width:100%; z-index:100; clear:both;}
.container {width:100%; max-width: 2000px;  margin:0 auto; clear:both; padding:0px 50px; height: auto; overflow: auto;}
	@media (max-width: 700px ) {.container {margin:0 auto; padding:0px 15px;}}
.content {max-width:2000px; margin:0 auto; background-color:#1a0a2e; padding: 25px 75px;}
	@media (max-height: 750px ) {.content {margin:0 auto; padding: 25px 25px;}}
	@media (max-height: 650px ) {.content {margin-top: 25px;}}

.video-wrap {
    width: 100%;
    max-width: 2000px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}
.video-embed {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    box-sizing: border-box;
}
.video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    max-width: 100%;
}

/* TYPOGRAPHY */
* {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"}
h1 {color:#c4a8e8; font-size: 2.4em;}
p {color:#c4a8e8; font-size: 1.6em; padding-top:2%;}


