/*!
 * Start Bootstrap - Blog Post HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

h1 {
color: #00c3e5;
}
.flex-video {  position: relative;  padding-top: 25px;  padding-bottom: 67.5%;  height: 0;  margin-bottom: 16px;  overflow: hidden;} .flex-video.widescreen { padding-bottom: 57.25%; }.flex-video.vimeo { padding-top: 0; } .flex-video iframe,.flex-video object,.flex-video embed {  position: absolute;  top: 0px;  left: 0px;  width: 50%;  height: 50%;}@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {  .flex-video { padding-top: 0px; }}
               .your-centered-div {
    max-width: 900px; /* you have to have a size or this method doesn't work */
    max-height: 300px;
    margin-right: auto;
    margin-left: auto;
}
.your1-centered-div {
    max-width: 400px; /* you have to have a size or this method doesn't work */
    max-height: 300px;
    margin-right: auto;
    margin-left: auto;
}

 .your2-centered-div {
    max-width: 760px; /* you have to have a size or this method doesn't work */
    max-height: 300px;
    margin-right: auto;
    margin-left: auto;
}

 .your-centered-div {
    max-width: 760px; /* you have to have a size or this method doesn't work */
    max-height: 300px;
    margin-right: auto;
    margin-left: auto;
}

.container {
    width: 100%;
    height: 100%;
    float: left;
}
.container1 {
    width: 100%;
    height: 100%;
    float: left;
}

.container2 {
    width: 100%;
    height: 100%;
    float: left;
}
.responsive-video {
position: relative;
padding-bottom: 45%;
padding-top: 60px; overflow: hidden;
}

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




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

footer {
    margin: 50px 0;
}

 th {
    background-color: #063c60;
    color: white;
}


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