.clearfix{display:block;clear:both;float:none;}
body{display:block;margin:0;padding:0;font-family:'Roboto', sans-serif;}

.video-back{display:block;padding:200px 0px 0px 0px;text-align:center;}
.video-back h1{display:block;text-align:center;color:#fff;text-shadow:2px 2px 4px #000;font-size:50px;}
.video-back p{display:block;color:#fff;text-shadow:2px 2px 1px #000;margin:0px;padding:0px;margin-bottom:20px;}
.video-back img{width:150px;}

@media (min-width:200px)  {
    /* very old phones */
    .video-back p.title {
        background-color:rgba(0, 0, 0, 0.3);
        font-weight: normal;
        color: white;
        font-size: 25px;
        text-shadow:-1px -1px 0 #000, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;
    }
    .video-back p.slogan {
        background-color:rgba(0, 0, 0, 0.3);
        font-weight: normal;
        color: white;
        font-size: 10px;
        text-shadow:-1px -1px 0 #000, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;
    }
    .video-back img {
        max-width: 60px;
        height: auto;
    }
}

@media (min-width:320px)  { 
    /* smartphones, iPhone, portrait 480x320 phones */ 
    .video-back p.title {
        background-color:rgba(0, 0, 0, 0.3); 
        font-weight: normal; 
        color: white; 
        font-size: 40px; 
        text-shadow:-1px -1px 0 #000, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;
    }
    .video-back p.slogan {
        background-color:rgba(0, 0, 0, 0.3);
        font-weight: normal;
        color: white;
        font-size: 15px;
        text-shadow:-1px -1px 0 #000, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;
    }
    .video-back img {
	max-width: 90px;
	height: auto;
    }
}
@media (min-width:481px)  { 
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
    .video-back p.title {
        background-color:rgba(0, 0, 0, 0.3); 
        font-weight: normal; 
        color: white;
        font-size: 60px; 
        text-shadow:-1px -1px 0 #000, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;
    }
    .video-back p.slogan {
        background-color:rgba(0, 0, 0, 0.3);
        font-weight: normal;
        color: white; 
        font-size: 23px;
        text-shadow:-1px -1px 0 #000, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;
    }
    .video-back img {
        max-width: 133px;
        height: auto;
    }

}
@media (min-width:641px)  { 
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
    .video-back p.title {
        background-color:rgba(0, 0, 0, 0.3);
        font-weight: normal;
        color: white; 
        font-size: 77px;
        text-shadow:-1px -1px 0 #000, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;
    }
    .video-back p.slogan {
        background-color:rgba(0, 0, 0, 0.3);
        font-weight: normal;
        color: white; 
        font-size: 30px;
        text-shadow:-1px -1px 0 #000, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;
    }
    .video-back img { 
        max-width: 150px;
        height: auto; 
    }

}
@media (min-width:961px)  { 
    /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    .video-back p.title {
        background-color:rgba(0, 0, 0, 0.3);
        font-weight: normal;
        color: white;
        font-size: 120px;
        text-shadow:-1px -1px 0 #000, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;
    }
    .video-back p.slogan {
        background-color:rgba(0, 0, 0, 0.3);
        font-weight: normal;
        color: white;
        font-size: 45px;
        text-shadow:-1px -1px 0 #000, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;
    }
    .video-back img {
        max-width: 190px;
        height: auto;
    }

}
@media (min-width:1025px) { 
    /* big landscape tablets, laptops, and desktops */ 
    .video-back p.title {
        background-color:rgba(0, 0, 0, 0.3);
        font-weight: normal;
        color: white;
        font-size: 120px;
        text-shadow:-1px -1px 0 #000, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;
    }
    .video-back p.slogan {
        background-color:rgba(0, 0, 0, 0.3);
        font-weight: normal;
        color: white; 
        font-size: 45px;
        text-shadow:-1px -1px 0 #000, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;
    }
    .video-back img {
        max-width: 190px;
        height: auto;
    }

}
@media (min-width:1281px) { 
    /* hi-res laptops and desktops */ 
    .video-back p.title {
        background-color:rgba(0, 0, 0, 0.3);
        font-weight: normal;
        color: white;
        font-size: 120px;
        text-shadow:-1px -1px 0 #000, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;
    }
    .video-back p.slogan {
        background-color:rgba(0, 0, 0, 0.3);
        font-weight: normal;
        color: white;
        font-size: 45px;
        text-shadow:-1px -1px 0 #000, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;
    }
    .video-back img {
        max-width: 190px;
        height: auto;
    }
}