/*!
 * Start Bootstrap - The Big Picture (https://startbootstrap.com/template-overviews/the-big-picture)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-the-big-picture/blob/master/LICENSE)
 */

body,
html {
    height: 100%;
}

body {
    background: url('/imgs/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.centerDiv {
    margin: auto;
    width: 75%;
    height: Auto;
    top: 5rem;
    position: relative;
}

.iframe_container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0px;
    overflow: auto;
}

.iframe_container iframe,
.iframe_container object,
.iframe_container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.YPlaylist ul li {
    list-style: none;
    float: left;
    margin: 10px;
}

.YPlaylist ul li p {
    color: whitesmoke;
    width: 300px;
    min-height: 60px;
}

.YPlaylist ul li p small {
    color: whitesmoke;
    width: 300px;
}
.ctv-stream {
    text-align: center; max-width: 900px; margin: 0 0 0 10%;
}

@media only screen and (max-device-width: 480px) {
    .w-100 {
        width: 90%;
    }
    .ctv-link {
        margin: 0 0 0 10%;
    }
}
@media screen and (max-width: 992px) {
    .ctv-stream {
        text-align: center; max-width: 900px;
    }
    .embed-responsive {
        position: relative;
        display: block;
        width: 90%;
        padding: 0;
        overflow: hidden;
    }
    
  }