/*Font*/

@font-face {
	font-family: 'Socialico Plus';
	src: url('../fonts/SocialicoPlus-Plus.otf');}


@font-face {
	font-family: 'roadway';
	src: url('../fonts/Roadway-AjLA.ttf');}
	
@font-face {
    font-family: 'arca_majora_3bold';
    src: url('../fonts/arcamajora3-bold-webfont.woff2') format('woff2'),
         url('../fonts/arcamajora3-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'arca_majora_3heavy';
    src: url('../fonts/arcamajora3-heavy-webfont.woff2') format('woff2'),
         url('../fonts/arcamajora3-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



/*Background*/

body    {background-image: url('images/Media Page 3.jpg'); background-size: cover; height: 1670px; margin: 0px; background-repeat:no-repeat; overflow-x: hidden;}

/*Background For Current Page*/

span.media a {color: black; font-weight: bold;}
span.media a:hover {color: white;}
span.archive a:hover {color: #00d0f1;}

/*Navigation*/

.nowhere a {color: white; font-family: 'roadway'; font-size: 23px; text-decoration: none; position: relative; left: 1250px; top: -50px; z-index: 1;}
.nowhere a:hover {color: red;}

.box {background-color: red; width: 81px;  height: 79px;  border: 1px solid red; position: relative; left: 448px; margin: 0px;}  

.navrow1 a {margin: 0px; position: relative; left: 20px; top:-93px; font-family: arial; font-size: 23px; 
font-weight: 600; padding: 15px;}
.navrow1 a {color: white; text-decoration: none;}
.navrow1 a:hover {color: red;}

/*Video Area*/

.videolinks a {position: relative; top: 409px; left: 638px; color: white; text-decoration: none; 
               padding-left: 15px; font-family: 'arca_majora_3bold'; font-size: 18px; font-weight: bold;}
.videolinks span {text-decoration: underline; font-size: 30px; color: white; font-size: 18px;}
.videolinks a:hover {color: red;}
.currentpage {text-decoration: underline;}

/*Youtube*/

.youtubelink a {color: white; font-family: 'arial'; font-size: 2.26em; font-weight: bold; text-decoration: none; position: relative; left: 435px; top:450px;}
.youtubelink a:hover {color: red;}


/*Email form*/

form {position: relative; left: 521px; top: 965px;}

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

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

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

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

/*Legal*/

.legalleft {font-size: 1em; font-family: 'arial'; color: white; position: relative; left: 50px;top: 1118px;}
.legalleft a {color: white; text-decoration: none;}

.legalright {font-size: 1em; font-family: 'arial'; color: white; position: relative; top: 1126px; left: 50px}

/*Social Media Buttons*/

.social  {position: relative; top: -148px; left: 950px; margin: 0px;}
.social2 a {color: white; font-family: 'Socialico Plus'; font-size: 42px; text-decoration: none; position: relative; top: 942px; left: 610px;}
.social2 a:hover {color: black;}

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

.fa:hover {
    opacity: 0.7;}

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

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

.fa-instagram {
  background: white;
  color: red;}
  
  .fa-soundcloud {
  background: white;
  color: red;}