/*

Implement @font-face for all of the fonts and fix everything else... Yay!

- Need favicon
- Fonts:
        - Metropolis 1920 
        - Quicksand
        - Disregard others to "Helvetica Neue"???


        - overflow: hidden;
        - 

*/




html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}section,header,footer,nav,article,aside,figure{display:block;width:100%}mark,time,meter,progress{display:inline}

html {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

header, section, footer {
  padding: 0 10px;
  margin: 0 auto;
  /*position: fixed;*/
/*  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;*/

}

header {
  margin: 0 auto 4em;
  background: #e81830;
  padding-top: 50px;
  overflow: hidden;
  

}


section, footer {
  padding: 0 10px;
  max-width: 640px;
  margin-bottom: 2em;
}

body, input, button {
  color: #444;

  font-weight: 300;
  
  
}

a {
  color: #0881b3;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}


a:hover {
  border-bottom: 1px solid;
}

a::selection{
  background: #eab9b3;

}
a::-moz-selection{
  background: #eab9b3;
}

#plain{

  /*color: white;*/
  text-decoration: none;
}

/*#plain::selection{
  background: #FFCC99;

}
#plain::-moz-selection{
  background: #FFCC99;
}*/

img
{
opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */
/*display: block;*/
/*margin-right: 50%;
margin-left: 50%;*/
width: 25%;
height: 25%;
padding-left: 37.5%;
padding-right: 37.5%;
padding-bottom: 5%;


/*margin-top: auto;
margin-bottom: auto;*/

}



p {
  margin: 0 0 1em;
  line-height: 1.4em;
  font-size: 20px;
}

h1 {
  width: 471px;
  height: 165px;
  background-size: 471px 165px;
  text-indent: -9009em;
  margin: 0 auto;
  font-family: 'Oswald', sans-serif;
  font-size: 500%;
  color: #ffffff;
   /* Fix the typography on this... Static remains to be an ugly font...*/
}
h2{
    font-family: 'Oswald', sans-serif;
    font-size: 500%;
    color: white;
    width: 50%;

    padding-right: 25%;
    padding-left: 25%;
      

    text-align: center;
    padding-bottom: 10%;

    
   
}



h3{
    font-family: Quicksand;
    font-size: 150%;
    text-align: center;
    color: #666666 ;

    
}

h4{
    font-family: "Hero Light";
    font-size: 400%;
    text-align: center;
    color: #666666;
    
    
    
}
#main{
    font-family: 'Open Sans', sans-serif;
    font-size: 175%;
    text-align: left;
    line-height: 125%;
    width: 65%;
    color: #666666;
    margin: 0 auto;
    padding-bottom: 100px;
    padding-top: 40px;
    overflow: auto;
    background-image: url('/dust.png');
}
    
#main::selection{
  background: #eab9b3;

}
#main::-moz-selection{
  background: #eab9b3;
}
@font-face{

  font-family: Quicksand;
  src: url('Quicksand_Book.otf');
  font-weight: normal;


}

 @font-face {
  font-family:"Metropolis1920";
  padding-top: 1.25em;
  src:url("Metropolis_1920.eot?") format("eot"),url("Metropolis_1920.woff") format("woff"),url("Metropolis_1920.ttf") format("truetype"),url("Metropolis_1920.svg#Metropolis1920") format("svg");font-weight:normal;font-style:normal;
}