@charset "utf-8";

* {
   background-color: transparent;
}

.vid-container {
   position: relative;
   float: left;
   width: 100%;
   left: 0;
   z-index: 100;
}

.vid-release img {
    position: relative;
    width: 46%;
    left: 15%;
    top: 90px;
    display: flex;
    float: left;

}
.vid-single-title {
    position: absolute;
    float: right;
    top: 200px;
    right: 15%;
    color: #fff;
    z-index: 100;
    font-family: "Lexend", sans-serif;
    font-size: 6em;
    font-weight: 600;
    font-style: normal;
}
.vid-single {
    position: absolute;
    float: right;
    top: 400px;
    right: 15%;
    color: #e53935;
    z-index: 100;
    font-family: "Lexend", sans-serif;
    font-size: 3em;
    font-weight: 200;
    font-style: normal;
}

/*========================= Screen 2561 =========================*/  
@media (min-width: 2561px)
{

.vid-release img {
    width: 55%;
    left: 5%;
    top: 165px;

}

.vid-single-title {
    top: 600px;
    right: 7%;
    font-size: 10em;
}

.vid-single {
    top:790px;
    right:7%;
    font-size:5em;
}

.pad-bg {
    width: 100%;
    z-index: 7000;
}

.pad1 {
    padding: 0;
    margin-top: 167px;  
    width: 100%;
    height: 2160px;
    z-index: 7000;
}

.pad2 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 2160px;
    z-index: 7000;
}

.pad3 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 140px;
    margin-top: 0;  
    width: 100%;
    height: 1024px;
    z-index: 7000;
}

}

/*========================= Screen 3840 X 2160 =========================*/  
@media (min-width: 3840px)
{

.vid-release img {
    width: 55%;
    left: 15%;
    top: 190px;

}

.vid-single-title {
    top: 700px;
    right: 15%;
    font-size: 15em;
}

.vid-single {
    top:1000px;
    right:15%;
    font-size:6em;
}

.pad-bg {
    width: 100%;
    z-index: 7000;
}

.pad1 {
    padding: 0;
    margin-top: 190px;  
    width: 100%;
    height: 2160px;
    z-index: 7000;
}

.pad2 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 2160px;
    z-index: 7000;
}

.pad3 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 1700px;
    z-index: 7000;
}

}

/*========================= Screen 2560=========================*/  

@media (max-width: 2560px)
{

.vid-release img {
    width: 34%;
    left: 15%;
    top: 120px;

}

.vid-single-title {
    top: 300px;
    right: 15%;
    font-size: 8em;
}

.vid-single {
    top:450px;
    right:15%;
    font-size:2.5em;
}

.pad-bg {
    width: 100%;
    z-index: 7000;
}

.pad1 {
    padding: 0;
    margin-top: 120px;  
    width: 100%;
    height: 1340px;
    z-index: 7000;
}

.pad2 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 1340px;
    z-index: 7000;
}

.pad3 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 120px;
    width: 100%;
    height: 1024px;
    z-index: 7000;
}

}

/*========================= Screen 1920 X 1080 =========================*/ 
@media (max-width: 1920px)
{

.vid-release img {
    width: 46%;
    left: 10%;
    top: 105px;
}

.vid-single-title {
    top: 290px;
    right: 10%;
    font-size: 6em;
}

.vid-single {
    top:400px;
    right:10%;
    font-size:2.5em;
}

.pad-bg {
    width: 100%;
    z-index: 7000;
}

.pad1 {
    padding: 0;
    margin-top: 105px;  
    width: 100%;
    height: 1024px;
    z-index: 7000;
}

.pad2 {
    padding-left: 0px;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 1024px;
    z-index: 7000;
}

.pad3 {
    padding-left: 0px;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 835px;
    z-index: 7000;
}

}

/*========================= Screen 1340 =========================*/  

@media (max-width: 1340px)
{

.vid-release img {
    width: 46%;
    left: 10%;
    top: 85px;

}

.vid-single-title {
    top: 200px;
    right: 10%;
    font-size: 4.5em;
}

.vid-single {
    top:280px;
    right:10%;
    font-size:2em;;
}

.pad-bg {
    width: 100%;
    z-index: 7000;
}

.pad1 {
    padding: 0;
    margin-top: 85px;  
    width: 100%;
    height: 460px;
    z-index: 7000;
}

.pad2 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 460px;
    z-index: 7000;
}

.pad3 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 120px;
    margin-top: 0;  
    width: 100%;
    height: 460px;
    z-index: 7000;
}

}

/*========================= Screen 1280 x 800 =========================*/  

@media (max-width: 1280px)
{

.vid-release img {
    width: 46%;
    left: 10%;
    top: 85px;

}

.vid-single-title {
    top: 300px;
    right: 10%;
    font-size: 4.5em;
}

.vid-single {
    top:380px;
    right:10%;
    font-size:2em;
}

.pad-bg {
    width: 100%;
    z-index: 7000;
}

.pad1 {
    padding: 0;
    margin-top: 85px;  
    width: 100%;
    height: 460px;
    z-index: 7000;
}

.pad2 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 460px;
    z-index: 7000;
}

.pad3 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 120px;
    margin-top: 0;  
    width: 100%;
    height: 460px;
    z-index: 7000;
}

}

/*========================= Screen 1024 x 1366 =========================*/  

@media (max-width: 1024px)
{

.vid-release img {
    width: 95%;
    left: 3%;
    top: 85px;

}

.vid-single-title {
    top: 550px;
    right:5%;
    font-size: 3.5em;
}

.vid-single {
    top:620px;
    right:5%;
    font-size:1.5em;
}

.pad-bg {
    width: 100%;
    z-index: 7000;
}

.pad1 {
    padding: 0;
    margin-top: 85px;  
    width: 100%;
    height: 460px;
    z-index: 7000;
}

.pad2 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 460px;
    z-index: 7000;
}

.pad3 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 120px;
    margin-top: 0;  
    width: 100%;
    height: 460px;
    z-index: 7000;
}

}

/*========================= Screen 914 =========================*/ 

@media (max-width: 914px)
{

.vid-release img {
    width: 100%;
    left: 0;
    top: 100px;
}

.vid-single-title {
    top: 500px;
    right: 4%;
    font-size: 3em;
}

.vid-single {
    top:560px;
    right:4%;
    font-size:1.5em;
}

.pad-bg {
    width: 100%;
    z-index: 7000;
}

.pad1 {
    padding: 0;
    margin-top: 105px;  
    width: 100%;
    height: 460px;
    z-index: 7000;
}

.pad2 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 460px;
    z-index: 7000;
}

.pad3 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 10px;
    margin-top: 0;  
    width: 100%;
    height: 320px;
    z-index: 7000;
}

}

/*========================= Screen 840 =========================*/ 

@media (max-width: 840px)
{

.vid-release img {
    width: 100%;
    left: 0;
    top: 75px;
}

.vid-single-title {
    top: 470px;
    right: 4%;
    font-size: 3em;
}

.vid-single {
    top:530px;
    right:4%;
    font-size:1.5em;
}

.pad-bg {
    width: 100%;
    z-index: 7000;
}

.pad1 {
    padding: 0;
    margin-top: 75px;  
    width: 100%;
    height: 460px;
    z-index: 7000;
}

.pad2 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 460px;
    z-index: 7000;
}

.pad3 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 340px;
    z-index: 7000;
}

}

/*========================= Screen 640 =========================*/ 

@media (max-width: 640px)
{

.vid-release img {
    width: 100%;
    left: 0;
    top: 65px;

}

.vid-single-title {
    top: 360px;
    right: 5%;
    font-size: 2.2em;
}

.vid-single {
    top: 405px;
    right:5%;
    font-size:1.2em;
}

.pad-bg {
    width: 100%;
    z-index: 7000;
}
.pad1 {
    padding: 0;
    width: 100%;
    height: 240px;
    z-index: 7000;
    margin-top: 65px; 
}

.pad2 {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-right: 0px;     
    width: 100%;
    height: 240px;
    z-index: 7000;
}

.pad3 {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 80px;
    width: 100%;
    height: 170px;
    z-index: 7000;
}

}

/*========================= Screen 540 =========================*/ 

@media (max-width: 540px)
{
    
.vid-single-title {
    top: 320px;
    right: 5%;
    font-size: 2em;
}
    
.vid-single {
    top:360px;
    right:5%;
    font-size:1.1em;
}

}

/*========================= Screen 430 x 932 =========================*/ 

@media (max-width: 430px)
{

.vid-single-title {
    top: 260px;
    right: 5%;
    font-size: 1.6em;
}

.vid-single {
    top:295px;
    right:5%;
    font-size:0.9em;
}

}    
    
/*========================= Screen 414 x 896 =========================*/ 

@media (max-width: 414px)
{
    
.vid-single-title {
    top: 260px;
    right: 5%;
    font-size: 1.6em;
}

.vid-single {
    top:295px;
    right:5%;
    font-size:0.9em;
}

}

/*========================= Screen 412 x 915 =========================*/ 

@media (max-width: 412px)
{

.vid-single-title {
    top: 260px;
    right: 5%;
    font-size: 1.2em;
}

.vid-single {
    top:295px;
    right:5%;
    font-size:0.9em;
}

}

/*========================= Screen 390 x 844 =========================*/ 
@media (max-width: 390px)
{

.vid-single-title {
    top: 260px;
    right: 5%;
    font-size: 1.5em;
}

.vid-single {
    top:295px;
    right:5%;
    font-size:0.9em;
}

}

/*========================= Screen 375 x 667 =========================*/ 

@media (max-width: 375px)
{

.vid-release img {
    width: 100%;
    left: 0;
    top: 65px;

}

.vid-single-title {
    top: 230px;
    right: 5%;
    font-size: 1.5em;
}

.vid-single {
    top:260px;
    right:5%;
    font-size:0.9em;
}

.pad-bg {
    width: 100%;
    z-index: 7000;
}

.pad1 {
    padding: 0;
    margin-top: 65px;  
    width: 100%;
    height: 190px;
    z-index: 7000;
}

.pad2 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 190px;
    z-index: 7000;
}

.pad3 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 170px;
    z-index: 7000;
}

}

/*========================= Screen 360 =========================*/ 

@media (max-width: 360px)
{

.vid-release img {
    width: 100%;
    left: 0;
    top: 60px;

}
.vid-single-title {
    top: 230px;
    right: 5%;
    font-size: 1.5em;
}

.vid-single {
    top:263px;
    right:5%;
    font-size:0.9em;
}

.pad-bg {
    width: 100%;
    z-index: 7000;
}

.pad1 {
    padding: 0;
    margin-top: 60px;  
    width: 100%;
    height: 190px;
    z-index: 7000;
}

.pad2 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 190px;
    z-index: 7000;
}

.pad3 {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;  
    width: 100%;
    height: 170px;
    z-index: 7000;
}

}