@font-face {font-family: League Gothic; src: url(fonts/League-Gothic.otf) format("opentype");}
body    { background-color: #ffffff; background-image: url("images/ET_obolt_bw30pct_onsq.png"); background-repeat: no-repeat; background-attachment: fixed; visibility: visible; list-style-type: none; margin: auto; position: absolute }
#main         { background-image: url("images/ET_obolt_col30pct_onsq.png"); background-repeat: no-repeat; background-attachment: fixed; background-position: 30% 20%; visibility: visible; margin: 7.7% auto auto; padding-top: -30%; padding-bottom: 50%; padding-left: 10%; position: relative; top: 25%; left: 10%; width: 80%; height: 90% }
#navigation    { background-color: #a8ff1c; background-position: 100% 100%; padding: 0.5%; }
#info          { font-family: inherit; font-weight: normal; line-height: inherit; visibility: visible; margin: auto; position: relative; z-index: 40; top: 60%; left: 1%; width: 60%; height: 20%  }
#logomain  { visibility: visible; list-style-type: none; list-style-image: url(images/Electrotypelogo_web.png); margin: auto; position: relative; z-index: 50; top: 5%; left: 90%; width: 100%; height: 100%; min-width: 100%; min-height: 100% }
#scwidget     { visibility: visible; margin: auto; padding: 0.5%; position: absolute; z-index: 30; top: 25%; left: 1%; width: 100%; height: 100%; border-color: #7aff22; outline-color: #7aff22 }
#sidewidgets { visibility: visible; margin: auto; padding: 0.5%; position: fixed; z-index: 30; top: 30%; left: -1%; width: 100%; height: 100%; border-color: #7aff22; outline-color: #7aff22; }
#spotifywidget { text-align: left; visibility: visible; margin: auto; padding: 0.5%; position: absolute; z-index: 30; top: 15%; left: 1%; width: 100%; height: 100%; min-width: 1%; min-height: 3%; max-width: 90%; max-height: 50%; outline-color: #a8ff1c; }
#mc_embed_signup { position: relative; z-index: 30; font-size: 0.75em; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; background-color: #a8ff1c; background-position: 30% 10%; width: 35%; height: 6%; }

@media (max-width: 1000px){

  #main {margin:auto; width: 100%}
  #info          { z-index: 40; top: 40%; left: 1%; width: 50%; font-family: inherit; font-weight: normal; line-height: inherit; visibility: visible; margin: auto; position: relative; }
  #logomain {margin: auto; position: relative; top: 80%; left: 80%; width: auto;}
  #sidewidgets {visibility: visible; position: fixed; z-index: 30; top: -1000%; left: -1000%;}
  #spotifywidget {visibility: hidden;}
  #mc_embed_signup {visibility: hidden;}
}

p    { color: #000000; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; line-height: 14px  }
a  { color: #FF033C; text-decoration: none  }
a:visited  { color: #BB43E1;  text-decoration: line-through  }
a:focus { background: #FFF62B; text-decoration: underline overline; text-shadow: 0.1em 0.1em 0.1em #ABA9AC;  }
a:hover  { background: #FFF62B; text-decoration: underline overline; text-shadow: 0.1em 0.1em 0.1em #ABA9AC;  }
h1    { color: #000000; font-size: 2.75em; font-family: "League Gothic", Helvetica, Verdana, Arial, sans-serif; font-weight: normal; line-height: 1em; word-spacing: 0.05em; letter-spacing: 0.03em; text-shadow: 0.09em 0.09em 0.12em #ABA9AC;  }
h2    { color: #000000; font-size: 1.75em; font-family: "League Gothic", Helvetica, Verdana, Arial, sans-serif; font-weight: normal; line-height: 1em; word-spacing: 0.03em; letter-spacing: 0.05em; text-shadow: 0.07em 0.07em 0.09em #6E6D6F; }
h3    { color: #000000; font-size: 1.25em; font-family: "League Gothic", Helvetica, Verdana, Arial, sans-serif; font-weight: normal; line-height: 1em; word-spacing: 0.05em; letter-spacing: 0.08em  }
ul { list-style-type: none; list-style-position: outside; display: compact; margin: 1em 0 1em 40px }
ul.social-links li{
	display: inline;
	width: 100%;
	padding: 0.5%;
}
blockquote { color: #000; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; line-height: 12px; }@font-face{ font-family: "League Gothic family"; src: url(fonts/leaguegothic-condensed-regular-webfont.ttf), url(fonts/leaguegothic-italic-webfont.ttf), url(fonts/leaguegothic-condensed-regular-webfont.ttf), url(fonts/leaguegothic-condensed-italic-webfont.ttf); }