* {
box-sizing: border-box;
padding: 0;
margin: 0;
}


.main-nav {
list-style-type: none;
display: none;
overflow: hidden
}


.main-nav li {
text-align: center;
margin: 5px auto;
}
.logo:hover,
.nav-links:hover {
color: rgba(0, 0, 0, 1);
}
.nav-links{
        text-decoration: none;
        color: rgba(0, 0, 0, 0.7);
        float:left;
        width:90%;
    }
.logo {
text-decoration: none;
color: rgba(0, 0, 0, 0.7);
float:none;
}

.nav-links.active{
float:none;
}
.logo {
font-size: 22px;
margin-left: 20px;
}

.navbar-toggle {
position: absolute;
top: 10px;
right: 20px;
cursor: pointer;
color: rgba(255, 255, 255, 0.8);
font-size: 26px;
}

.active {
display: block;
}


@media screen and (min-width: 1190px) {
.navbar {
    display: visible;
    justify-content: space-between;
    padding-bottom: 10px;
    height: 51px;
    width: 100%;
    align-items: left;
    overflow: hidden;
}

.main-nav {
    display: flex;
    margin-right: 30px;
    text-align: center;
    overflow: hidden
}

.main-nav li {
    margin-top: 5px;
}

.nav-links {
    margin-left: 30px;
    width:100%;
}

.logo {
    margin-top: 0px;
    margin-right: 75px;
    float:left;

}

.navbar-toggle {
    display: none;
}

.logo:hover,
.nav-links:hover {
    color: rgba(0, 0, 0, 1);
}
}









html {
	background-color: #f3f3f3;
}
.wrapper {
	max-width: 680px;
	margin: 60px auto;
	padding: 0 20px;
}

.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.7;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}