.side-by-side {
    position: absolute;
/*    height: 100%;*/
    width: 50%;
}

#left { left: 15px; }
#right { right: 15px; }


.video {
padding: 0;
border: 0;
display:block;
background-image: url('');
width: 400px;
margin-bottom: 50px;
}

.thevideo
{
height: 350px;
display: center;
}

video::-webkit-media-controls {
    display:none !important;
}

@font-face { font-family: "brownstdlight"; src: url("../fonts/brown.std.light.otf"); }
@font-face { font-family: "brownstdreg"; src: url("../fonts/brown.std.regular.otf"); }
@font-face { font-family: "brownstdbold"; src: url("../fonts/brown.std.bold.otf"); }

p
{ 
color:lightblue;
font-family: "brownstdlight";
font-size: 15px;
letter-spacing: 1px;
text-transform: uppercase;
}

h1{
color:lightblue;
font-family: "brownstdlight";
text-transform: uppercase;
letter-spacing: 2px;

}