body    {background-image: url('images/apparel.jpg'); background-size: cover; height: 2850px; margin: 0px; background-repeat:no-repeat; overflow-x: hidden; font-family: 'arial'}

/*Top Nav*/

.backto a {float: left; position: relative; top: 83px; left: 225px; 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:  167px; 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;}

/*Merchandise Area*/

a {text-decoration: none;}

.shirtred {position: relative; top: 400px; left: 70px;}
.no13shirt {position: relative; top: 390px; left: 178px;}
.thirteentshirt {position: relative; top: 390px; left: 250px;}

.centralhs {position: relative; top: 610px; left: 75px;}
.no13redx  {position: relative; top: 610px; left: 167px;}
.nephilimlongtee  {position: relative; top: 602px; left: 246px;}

.fsnhoodie {position: relative; top: 900px; left: 72px;}
.tgrhoodie {position: relative; top: 900px; left: 166px;}
.werewolf {position: relative; top: 908px; left: 250px;}

.nephilimhat {position: relative; top: 1220px; left: 72px;}
.redhat {position: relative; top: 1225px; left: 172px;}
.tote {position: relative; top: 1210px; left: 250px;}

/*Footer*/

.shopfooter a {position: relative; top: 1415px; 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: 1228px; 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: 1014px; 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; font-size: 24px; position: relative; left: 5px !important;}
  
  /*Email Sign Up*/
  
.signup p {position: relative; left: 800px; top: 918px; font-size: 18px; color: white;}
  
form {position: relative; left: 800px; top: 914px;}
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;}