body {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
video {
  height: 100%;
  width: 100%;
}
.video {
  width: 100%;
  height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share{
  width: 100%;
  height: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-btn {
    font-weight: bold;
    font-size: 1em;
    font-family: Arial,Helvetica,sans-serif;
    text-decoration: none;
    display: inline-block;
    color: #ffffff;
    border: none;
    padding: 1em;
    width: 101px;
    height: 1.1em;
    opacity: 0.9;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    outline: none;
    text-align: center;
    margin: 0 5px 0 5px;
    transition: 1s;
}
.share-btn:hover {
  color: #C9CED8;
}
.share-btn:active {
  position: relative;
  top: 2px;
  box-shadow: none;
  color: #e2e2e2;
  outline: none;
}
.share-btn.twitter {  background: #55acee;}
.share-btn.google-plus {  background: #dd4b39;}
.share-btn.facebook {  background: #3B5998;}
.share-btn.pintrest {  background: #CB2027;}
.share-btn.email {  background: #444444;}
.share-btn.linkedin { background: #0077B5;}
.share-btn.showmore {  background: #34495e;}
.share-btn.youtube {  background: #bb0000;}
.share-btn.whatsapp {  background: #4dc247;}
.share-btn.vine {  background: #00bf8f;}
.share-btn.snapchat {  background: #fffc00;}
.share-btn.flickr {  background: #ff0084;}
.margn { margin-top: -51px;}