body, html {
	height: 100% !important;
}
body {
	overflow-x: hidden;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	letter-spacing: .05em;
	font-size: 13px;
	line-height: 1.5;
	color: #222;
	position: relative;
	background: #fff;
	/*-ms-overflow-style: scrollbar;*/
}
body {-ms-overflow-style: scrollbar;}
::selection {
	background: #000;
	color: #fff;
}
::-moz-selection {
	background: #000;
	color: #fff;
}
* {
	margin: 0;
	padding: 0;
	outline: 0;
}

:focus {
	outline: 0
}

a, a:hover, a:focus {
	color: #000;
	outline: 0;
	text-decoration: none;
}
a {
	text-decoration: underline;
}
.text-light a {
	color: #fff;
}
.text-dark a {
	color: #000;	
}

::-webkit-input-placeholder {color: inherit}
:-moz-placeholder           {color: inherit}
::-moz-placeholder          {color: inherit}
:-ms-input-placeholder      {color: inherit}



/* typography
---------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
}
h1 { font-size: 50px; line-height: 64px; }
h2 { font-size: 40px; line-height: 50px; }
h3 { font-size: 28px; line-height: 36px; }
h4 { font-size: 21px; line-height: 27px; }
h5 { font-size: 17px; line-height: 22px; }
h6 { font-size: 14px; line-height: 18px; }



/* Responsive typography
---------------------------*/

@media (max-width: 768px) {
	body { font-size: 14px; line-height: 23px}
	h1   { font-size: 34px; line-height: 40px}
	h2   { font-size: 30px; line-height: 35px}
	h3   { font-size: 26px; line-height: 29px}
	h4   { font-size: 22px; line-height: 24px}
	h5   { font-size: 17px; line-height: 19px}
	h6   { font-size: 13px; line-height: 15px}
}

p{
	color: #666;
}

.container, .section, section {
	position: relative;
}

.video-responsive{
	margin-top: 2rem;
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}

.video-responsive iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}