body, html {
 background-color:black;
 }
 #log2{
 margin-left:20px;	 
 width: 53px;
 height: 50px;	
 }
 #ago{
 margin-top:20px;
 margin-left:20px;
 width: 53px;
 height: 50px;	
 }
 .content{
  margin:0px;
  padding:0;
 }
  .flex-item1{
 list-style: none;
 display: flex;
 flex-direction:row;
 align-items:center;
 }
 .flex-item2{
 list-style: none;
 display: flex;
 align-items:center;
 }
 #vid { 
 align-items:center;
 position: relative;
 width: 85%;
 height: auto;
 margin: auto; 
 }
 #vidpause{
 margin-top:0px;
 margin-left:30px;	
 margin-bottom:0px;
 background-color:black;
 border: 1px solid white;	
 }
 .new2{
 font-family:'Marck Script', cursive;
 font-size:18px;
 color: white;
 text-align:start;
 }
  #new3{
  font-family:'Marck Script', cursive;
  font-style: normal;
  font-size:1.2em;
  color: white;
  margin-left:30px;	
  margin-bottom:0px;
  text-align:start;  
  }
 #new{
  font-family:'Marck Script', cursive;
  font-size:1.5em;
  color:white;
  margin-left:30px;	
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;	 
 }
 #new3:hover {
   color:tomato;
   tansition: all .3s linear;
   -webkit-transition: all .3s linear;
   -moz-transition: all .3s linear; 
 }
@media screen and (min-width:680px){
    #vid{
width:50%;		
}
}
@media screen and (min-width:1700px){
    #vid{
width:45%;		
}
}
@media screen and (min-width:2000px){
    #vid{
width:35%;		
}
}
@media screen and (min-width:2300px){
    #vid{
width:45%;		
}
}