body    {background-image: url('../images/centralshirt.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;}

/*Selection*/

.sizes {position: relative; top: 420px; left: 685px; color: white;}
.quantity {position: relative; top: 450px; left: 685px; color: white;}


/*Add to Cart*/

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

/*Footer*/

.shopfooter a {position: relative; top:885px; 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: 700px; 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: 485px; 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: 386px; font-size: 18px; color: white;}
  
#email {position: relative; left: 800px; top: 380px;}

#email  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; color: white;}

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

/*Submit button*/

button, .registerbtn {position: relative; top: 445px; left: 564px; 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;} 
.terms a {position: relative; left: 800px; top: 430px; font-size: 12px; color: white; text-decoration: none;}
.terms a:hover {text-decoration: underline;}