@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Light.woff2') format('woff2'),
        url('../fonts/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Thin.woff2') format('woff2'),
        url('../fonts/Gotham-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-LightItalic.woff2') format('woff2'),
        url('../fonts/Gotham-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-ThinItalic.woff2') format('woff2'),
        url('../fonts/Gotham-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-MediumItalic.woff2') format('woff2'),
        url('../fonts/Gotham-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-BoldItalic.woff2') format('woff2'),
        url('../fonts/Gotham-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-BookItalic.woff2') format('woff2'),
        url('../fonts/Gotham-BookItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.noselection{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}

html, body{
    margin:0px;
    padding:0px;
    background:#ffffff;
    height: auto;
    width: 100%;
    overflow: auto;
}

.clip-board{
    position:absolute;
    opacity:0;
    pointer-events:none;
    width:0px;
    height:0px;
}

.nowrap{
    white-space: nowrap;
}

.times-circle {
    display: block;
    height: 100%;
    width: 100%
}

.times-circle > circle {
    fill: #ffffff;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

i { 
    font-style: italic; 
    }

em{
    font-style: italic; 
}

@media (min-width: 641px) {

body{
    background:#000000;
}

.wrapper{
    width:100vw;
    max-width:1440px;
    margin: 0px auto;
}

.img-content-wrapper{
    width:100%;
    height:162px;
    margin-top:50px;
}

.logo-Img{
    position:relative;
    height:100%;
    width:auto;
    left:50%;
    -webkit-transform:translateX(-50%);
            transform:translateX(-50%);
}

.vid-content-wrapper{
    width:100vw;
    max-width:1440px;
    margin: 0px auto;
    padding:0px 5vw;
}

.vid-wrapper{
    margin-top:100px;
    margin-bottom:50px;    
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.vid-wrapper iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.text-wrapper{
    color:#ffffff;
    font-family: 'Gotham'; 
    font-weight: 500; 
    font-style: normal;
    font-size:22px;
    margin-bottom:50px;   
}
}

@media (max-width: 640px) {

body{
    background:#000000;
}

h1{
    color:#ffffff;
}

.wrapper{
    width:100vw;
}

.img-content-wrapper{
    width:100%;
    height:82px;
    margin-top:25px;
}

.logo-Img{
    position:relative;
    height:100%;
    width:auto;
    left:50%;
    -webkit-transform:translateX(-50%);
            transform:translateX(-50%);
}

.vid-content-wrapper{
    width:100vw;
    padding:0px 5vw;
}

.vid-wrapper{
    margin-top:50px;
    margin-bottom:25px;    
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.vid-wrapper iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.text-wrapper{
    color:#ffffff;
    font-family: 'Gotham'; 
    font-weight: 500; 
    font-style: normal;
    font-size:18px;
    margin-bottom:25px;   
}
}


/*# sourceMappingURL=../sourcemaps/app.css.map */