body{
    background-color: #000;
    margin:0;
}


/* Video 1 ************************************/
        #ytsecsion{
            width:100%;
            margin:0 auto;
            position: relative;
        }

        .youtubecon{
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%;
        }
        
        /*MP4*/
        .youtubecon video{
            position:absolute;
            width:100%;
        }

        /*Youtube*/
        .videoyou {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;                        
            height: 100%;
            z-index:8;
        }

        .youtubemask{
            width:100%;
            height:100%;
            background-color:rgba(0,0,0,0.6);
            z-index:9;
            position:absolute;  
        }

        .textcon{
            width:80%;
            z-index:10;
            top:30%;
            left:10%;
            position:absolute;
            /*
            height:200px;
            padding:2%;
            background: rgba(128,128,128,0.5);
            */
        }

        .t1{            
            color:#FFFFFF;
            font-family:'Oswald', Arial, Helvetica, sans-serif;
            text-align:left;
            font-size:60px;
            line-height:70px;
            text-shadow:0px 0px 60px #0089D0;
            display:none;
            position: absolute;

            /*opacity: 0;*/


        }
        .textbutton{
            width:200px;
            padding:14px;
            border: 2px solid #ff7200;
            text-align: center;
            background: rgba(255,168,76,0.5);
            color:#fff;
            font-size:20px;
            font-weight: 400;            
            cursor: pointer;   
            position: absolute;
            margin-top:100px;
            transition:all 0.2s linear;
            /*
            background: -moz-linear-gradient(top, rgb(255,168,76) 0%, rgb(234,96,16) 100%);
            background: -webkit-linear-gradient(top, rgb(255,168,76) 0%,rgb(234,96,16) 100%);
            background: linear-gradient(to bottom, rgb(255,168,76) 0%,rgb(234,96,16) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ea6010',GradientType=0 );
            */
            
        }

        .textbutton:hover{
            background: rgba(150,68,0,0.5);
        }

/* Video 2 ************************************/
        #ytvedio{
            background-image: url("../images/force_bg.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            background-size: cover;
            min-height: 700px;            
        }

        #x299vedio {
            /*transform:skew(170deg,170deg);*/
            transform: perspective(600px) rotateY(30deg);            
            margin-top:10%;
            margin-bottom: 10%;
            border:2px solid #0089D0;
            box-shadow:0px 10px 100px #0089D0;
            float:left;
            width: 600px;
            height: 339px;
        }

        #ytvedio .title{            
            font-family:'Oswald', Arial, Helvetica, sans-serif;
            text-align:left;
            font-size:50px;
            line-height:60px;
            margin-top:16%;
            right:10%;
        }

@media screen and (max-width: 1366px) {

}


@media screen and (max-width: 960px) {
     .t1{            
            font-size:50px;
      }
         #x299vedio {
            /*transform:skew(170deg,170deg);*/
            transform: perspective(0px) rotateY(0deg);            
            margin-top:10%;
            margin-bottom: 10%;
            border:2px solid #0089D0;
            box-shadow:0px 10px 100px #0089D0;
            float:left;
            width: 600px;
            height: 339px;
        }
}

@media screen and (max-width: 640px) {

        .t1{            
            font-size:30px;
            line-height:40px;

      }

      .textbutton{
         
            margin-top:100px;
          
        }
      #x299vedio {
            /*transform:skew(170deg,170deg);*/
            transform: perspective(0px) rotateY(0deg);            
            margin-top:10%;
            margin-bottom: 10%;
            border:2px solid #0089D0;
            box-shadow:0px 10px 100px #0089D0;
            float:left;
            width: 300px;
            
        }   
}