html{
    background-color: white;
}

.navbar{
    background-color: black;
    /* border-color: black; */
    border-radius: 0;
    margin: 0;
    border: 0;
    z-index: 10;
}


.nav{
    border: 0;
    margin: 0;
}

.nav > li > a{
    color: white;
}

.nav > li > a:hover{
    background-color: white;
    color: black;
}

.navbar-header > a{
    color: white;
}

.navbar-header > a:hover{
    background-color: white;
    color: black;
}

/* Page content */
.content {
  padding: 0;
  z-index: 1;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.videos, .tips {
    border: 0;
    margin: auto;
    padding: 20px 20px 20px 20px;
    background-color: whitesmoke;
    width: 100%;
}

.tips {
    display: none;
}

.video-frame, .tip {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1%;
    margin-bottom: 1%;
    padding: 5%;
    width: 70%;
}

.tip img {
    margin: auto;
    width: 100%;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	/* padding-top:30px; */
	height:0;
	/* overflow:hidden; */
	/* background-color: red; */
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* .video-container { */
/*     margin-left: auto; */
/*     margin-right: auto; */
/*     margin-top: 50px; */
/*     margin-bottom: 50px; */
/*     text-align: center; */
/*     background-color: red; */
/*     /\* border-color: red; *\/ */
/*     /\* border: 50px 50px 50px 50px; *\/ */
/*     width: 50%; */
/*     /\* height: 50%; *\/ */
/*     padding-left: auto; */
/*     padding-right: auto; */
/*     padding-top: 50px; */
/*     padding-bottom: 50px; */
/* } */

/* .video-container iframe { */
/*     width: 100%; */
/*     /\* height: 315; *\/ */
/*     /\* width: 560; *\/ */
/*     /\* height: 315; *\/ */
/* } */
/* /\* .navbar-custom .navbar-brand,  *\/ */
/* /\* .navbar-custom .navbar-text {  *\/ */
/* /\*     color: white;  *\/ */
/* /\* }  *\/ */