body    {background-image: url('../images/Merch Black and Grey Nephilim logo Hat.jpg'); background-size: cover; height: 1230px; margin: 0px; background-repeat:no-repeat; overflow-x: hidden; font-family: 'arial'}

/*Top Nav*/

.backto a {float: left; position: relative; top: 83px; left: 240px; color: black; padding: 14px 12px; text-decoration: none; font-size: 14px;}

.fa fa-shopping-cart, i {padding-left: 9px;}

.topnav a {position: relative; top: 95px; left: 740px; display: inline; color: black; padding: 5px; text-decoration: none; font-size: 14px;}

 /*Middle Nav*/
  
.middlenav a {position: relative; top: 177px; left: 170px; color: white; font-family: 'arial'; font-size: 31px; font-weight: 600; text-decoration: none; padding-left: 50px;}

.middlenav a:hover {color: yellow;}
a:hover span {color: yellow;}
.red {color: red;}

/*Sub Nav*/

.subnav a {position: relative; top: 207px; left: 54px; text-decoration: none; font-size: 14px; color: red; font-weight: bold; font-family: 'arial'; padding: 5px;}
.subnav span {position: relative; top: 207px; left: 54px; text-decoration: none; font-size: 14px; color: red; font-weight: bold;}
.subnav a:hover {color: yellow;}

/*Add to Cart*/

.addtocart a {position: relative; top: 439px; left: 683px; text-decoration: none; font-size: 20px; font-weight: bold; color: white;}
.addtocart a:hover {color: yellow;}

/*Footer*/

.shopfooter a {position: relative; top:915px; left: 100px; text-decoration: none; font-size: 18px; color: white; display: block; padding-bottom: 10px;}
.shopfooter a:hover {color: red;}

.supportfooter a {position: relative; top: 730px; left: 300px; text-decoration: none; font-size: 18px; color: white; display: block; padding-bottom: 10px;}

.supportfooter a p {margin: 0px;}

.supportfooter a:hover span {color: red;}

.supportfooter a:hover {color: red;}

/*Footer Social Buttons*/

.social {position: relative; top: 517px; left: 500px; margin: 0px;}

.social p {font-size: 18px; color: white;}

.social .fa {
  padding: 5px;
  font-size: 24px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%}

.fa:hover {
    opacity: 0.7;}

.fa-facebook {
  background: red;
  color: white;}

.fa-twitter {
  background: red;
  color: white;}
  
  .fa-youtube {
  background: red;
  color: white;}

.fa-instagram {
  background: red;
  color: white;}
  
  .fa-soundcloud {
  background: red;
  color: white;}
  
/*Email Sign Up*/
  
.signup p {position: relative; left: 800px; top: 415px; font-size: 18px; color: white;}
  
form {position: relative; left: 800px; top: 412px;}
form  a {color: white; text-decoration: none; display:block; font-size: 12px;}
form  a:hover {text-decoration: underline;}

input:required {box-shadow:none;}
input:invalid {box-shadow:0 0 red;}

input[type=text], input[type=password] {width: 15%; height: 15px; padding: 15px; margin: 5px 0 22px 0; display: inline-block;
  border: none; background: #212f3d;}

input, text{color:white;}
input[type=text]:focus, input[type=password]:focus {background-color: white; outline: none;}

/* Set a style for the submit button */
button, .registerbtn {position: relative; top: -10px; background-color: red; color: white; border: none; cursor: pointer; margin: 0; font-size: 1.5em; font-family: 'arial'; width: 17.17%; height: 55px; opacity: 0.9}
.registerbtn:hover {opacity: 1;}