/* Reset Styles **********************************************/
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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

::-webkit-input-placeholder {color: #000;}
::-moz-placeholder {color: #000;}
::-ms-input-placeholder {color: #000;}
::-moz-placeholder {color: #000;}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {top: -0.5em;}
sub {bottom: -0.25em;}

video {width: 100%!important; height: auto!important;}

/* General styling *******************************************/

@charset "utf-8";

html {overflow-x: hidden;}
body {line-height: 1.6; font-family: 'Muli', sans-serif; font-size: 16px; color: #fafafa; background: #1b2a3f; font-weight:400; overflow: hidden;}
p a:hover, ul li a:hover, p a:focus, ul li a:focus{text-decoration: underline;}
p{font-size: 1em; line-height: 1.6; margin-bottom:25px;}	
p:last-child{margin-bottom: 0px!important;}
strong{font-weight:700;}
em{font-weight: 300; font-style:italic;}

video {
  width: 100%!important;
  height: auto!important;
}

a:focus, a:hover {
    color:#15cdd5;
    text-decoration: underline;
}

.left{float: left;}
.right{float: right;}

.text-center{text-align: center;}

a{color: #212121; text-decoration: none;}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* This makes all elements stay a certain width and height even when you set it to have padding */

h1,h2{font-family: 'Muli', sans-serif;}
h1{font-size: 45px; font-weight: 900; color: #45a29e; line-height: 1.2;}
h2{font-size: 28px; font-weight: 300;}


.cushion-lg{padding: 100px 0px;}
.cushion{padding: 80px 0px;}
.cushion-sm{padding: 60px 0px;}
.cushion-top{padding-top: 80px;}
.cushion-btm{padding-bottom: 80px;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin: 5px 0px;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.container{position: relative; float: left; width: 100%;}
.wrapper{width: 1200px; margin: auto; display: block; position: relative; zoom: 1; /* For IE 6/7 (trigger hasLayout) */}
.wrapper:before, .clear:before, .wrapper:after, .clear:after{content: ""; display: table;} 
.wrapper:after, .clear:after{clear: both;}

.flex{display: table-cell; display: flex; display: -ms-flexbox;}
.centered{align-items: center; justify-content: center;}

.img-fluid{max-width: 100%;}

img{display: block; margin: 0px auto 100px auto;}

h2{padding: 0px 20%; text-align: center; margin-bottom: 30px;}
h2 span{font-weight: 900; color: #15cdd5;}

a{display: inline-block; color: #15cdd5; margin: 10px 0px;}

.links{display: block; margin: auto; text-align: center;}
p{font-size: 10px; display: block; margin: 40px auto auto auto; text-align: center;}

.content{display: flex; justify-content: center; align-items: center; padding: 20px 0px; min-height: 100vh;}
.item {
    width: 600px;
}

/*MEDIA QUERIES*/
@media (max-width: 1300px){

}

@media (max-width: 1200px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 650px) {
.item {
    width: 300px;
}
}

@media (max-width: 575px) {

}

@media (max-width: 450px) {

}

@media (max-width: 400px) {

}