#video-main-container{
	display: flex; 
    flex-direction: row;
    justify-content: flex-end;
	background-color: black; 
    position:relative; 
}
#hp-video{
    max-height: 31.25rem;
    object-fit: cover;
}
#video-overlay-container{
	display: flex; 
    flex-direction: row; 
    width: 100%; 
    height: 100%; 
    justify-content: space-between; 
    z-index: 3; 
    background-color: transparent; 
    position: absolute;  
    top: 0px !important;
}
#video-controls-container{
	display: flex; 
    flex-direction: column; 
    width: 4.375rem; 
    height: 100%; 
    justify-content: space-between; 
    align-items: center; 
    background-color: transparent; 
}
#video-playback-container{
	display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: fit-content;
	height: fit-content;
}
#video-mute-container{
	display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1.875rem; 
    height: 1.875rem;
   	background: #2F2F2F;
    border-radius: 50%;
    margin-bottom: 1.063rem;
}
#video-playback-container button {
	background-color: transparent;
	border: 4px solid rgba(255, 255, 255, 0.75);
	border-radius: 50%;
	padding: 0.375rem 0.625rem;
	color: rgba(255, 255, 255, 0.75);
    margin-top: 1.313rem;
    margin-right: 0.875rem;
}

#video-playback-container button:focus-visible {
	  outline: 5px auto rgba(204, 255, 0);
	  -webkit-outline: 5px auto rgba(204, 255, 0);
	  -moz-outline: 5px auto rgba(204, 255, 0);
	  -ms-outline: 5px auto rgba(204, 255, 0);
	  -o-outline: 5px auto rgba(204, 255, 0);
	  border: 3px solid rgba(204, 255, 0);
}

#pause-video-svg {
	transform:translate(0px, -2px);
    display: inline-block;
}
#play-video-svg {
 transform:translate(3px, -2px);
 display: none;
}
#video-logo-container {
	display: flex; 
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 4.688rem;
}
#video-logo-container img {
	width: 24.563rem;
    height: 24.563rem;
}

@media (min-width:320px) and (max-width:700px) {
	#video-logo-container img{
      width: 7.5rem; 
      height: 7.5rem; 
	}
    #video-logo-container{
      margin-left: 1.25rem;
      margin-top: 1rem;
      justify-content: flex-start;
 	  align-items: flex-start;
	}
}