@font-face{font-family:'Montserrat-Regular';src:url(fonts/Montserrat-Regular.ttf) format('truetype');}
@font-face{font-family:'Oxygen-Regular';src:url(fonts/Oxygen-Regular.ttf) format('truetype');}
@font-face{font-family:'Sabrina-Italic';src:url(fonts/Sabrina-Italic.ttf) format('truetype');}

*{
   font-family: 'Oxygen-Regular';
   margin:0; padding:0; 
   box-sizing: border-box;
   outline: none; border:none;
   text-decoration: none;
   text-transform: capitalize;
}

body{
  background-color: rgb(65, 16, 10);
padding:10px;
}

p{
   color: rgb(212, 173, 77);
   text-align: center;
   padding-bottom: 5%;
   font-size: 25px;
   font-family: 'Oxygen-Regular';
}
.container{
   max-width: 900px;
   margin:10px auto;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   padding-top: 10px;

}

.container .main-video-container{
   flex:1 1 700px;
   border-radius: 5px;
   padding:15px;
}

.container .main-video-container .main-video{
   margin-bottom: 7px;
   border-radius: 5px;
   width: 100%;
}

.container .main-video-container .main-vid-title{
   font-size: 20px;
   color:#444;
}














@media (max-width:700px){

   .container{
      padding-top: 40%;
      max-width: 900px;
      margin:10px auto;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
   
   }
   p{
      color: rgb(212, 173, 77);
      text-align: center;
      padding-bottom: 5%;
      font-size: 25px;
      font-family: 'Oxygen-Regular';
   }
}

@media (max-width:450px){

   .container{
      padding-top: 30%;
      max-width: 900px;
      margin:10px auto;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
   
   }
   p{
      color: rgb(212, 173, 77);
      text-align: center;
      padding-bottom: 5%;
      font-size: 25px;
      font-family: 'Oxygen-Regular';
   }

}