body {
    background-color: black;
}
.navbar {
    overflow: hidden;
    position: fixed;
    top:0;
    width: 100%;
    z-index:1000;
    background-color: #333;
    background-size: 100% 100%;
    text-transform: uppercase;
}

a {
    text-decoration: none;
    padding: 15px 15px;
    border: 1px solid #cca349;
    border-radius: 0px;
    font-family: arial;
    text-align: center;
    background-color: black;
    color: #cca349;
    text-transform: uppercase;
    font-weight: bold;
 }


.navelem {
  font-size: 1rem;
  margin-top: 20px;
  position: relative;
  color: #ffffff;
  display: inline-block;
}

.navelem::after,
.navelem::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right,#f07407, #f08b07, #a1803a);
  bottom: -2px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s ease-out;
}

.navelem::before {
  top: -5px;
  transform-origin: left;
}

.navelem:hover::after,
.navelem:hover::before {
  transform: scaleX(1);
}


p {
    color: #fff;
}
h2 {
    float:right; margin-right:150px; color: #cccccc;
}
center {
  background-color: #333;
}

center a {
    border:none;
    background-color: #333;
    font-size:13px;
}

.copyright {
    text-align:center;
    font-size:11px;
}

video {
    padding-left:1%;
    padding-right:1%;
    padding-top:10%;
    padding-bottom:1%;
    width:20%;
    height:20%;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */

body {
    background-color:#171717;
}

.navbar {
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index:1000;
    background-color: #292928;
    background-size: 100% 100%;
}

.navelem::after,
.navelem::before {
}

a {
    text-decoration: none;
    padding: 15px 15px;
    border: 1px solid #cca349;
    border-radius: 0px;
    font-family: arial;
    text-align: center;
    background-color: black;
    color: #cca349;
    text-transform: uppercase;
    font-weight: bold;
 }


    video {
        padding-left:1%;
        padding-right:1%;
        padding-top:10%;
        padding-bottom:1%;
        width:100%;
        height:100%;
    }

center {
  background-color: #333;  
  font-size: 19px;
}

}