:root {
    font-size: 10px;
}

    body {
	   /*background-color:hsl(35,100%,15%);*/
       background-color:hsl(260,100%,6%)
  	}

  	section {
	   display:flex;
	   width:100vw;
       min-height: 40vh;
       margin: 15px;
	   }    
    
    hr {
       border-color:hsl(280,80%,90%);
       background-color:hsl(35,100%,25%);
       border-width:6px;
       border-radius:8px;
        }
    
    img {
        max-width: 100%; /*fills its container*/
        height: auto;
    }
    
	iframe {
	    display:block;
	    margin-left:auto;
	    margin-right:auto;
	    max-width:90%;
	}

	h1 {
	    display: block;
        font-family:"sigmarregular";
        /*font-family:"coolveticaregular";*/
        /*font-family: "dover_heavyheavy";*/
	    /*font-family: "dominoregular";*/
	    font-size: 8rem;
/*    	color:rgb(255,192,0);*/
        color:hsl(280,80%,90%);
        line-height:1;
        margin: 0em;
    	}
        
	h2 {
	    display: block;
	    font-family:"true_crimesregular";
        /*font-family: "dominoregular";*/
	    /*font-family: "dover_heavyheavy";*/
	    font-size: 6rem;
        color: hsl(280,80%,90%);
/*    	color:rgb(255,192,0);*/
        line-height:1;
        margin: 0em;
        }

	h3 {
	    display: block;
	    font-family:"true_crimesregular";
        /*font-family: "dover_heavyheavy";
	    /*font-family: "dominoregular";*/
	    font-size: 4rem;
    	color:hsl(280,80%,90%);
        line-height:1;
        margin: 0em;        
        }
        
	p {
        font-family: 'Sulphur Point', sans-serif;
	    /*font-family: 'Questrial', sans-serif;*/
	    font-size:2rem;
        color:hsl(280,80%,90%);
        margin: 0em;
	    padding: 5px;
        line-height:1;
		}
  
    a {
        color:inherit;
        text-decoration:none;
    }
    
    .container {
        display: flex;
		flex-wrap:wrap;
	    margin:auto;
        justify-content:flex-start;
		align-content: space-between;
    }

    .shade-box {
        background-color: rgb(0,0,0);
	    background-color: hsla(30,70%,8%,.5);
	    background-clip: padding-box;
     }
    

    .big_title {
	    display: block;
	    font-family: "edoregular";
	    font-size: 6rem;
    	color:hsl(280,80%,90%);
        line-height:1;
        margin: 0em;
    	}
        
	.title {
	    display: block;
	    font-family: "edoregular";
	    font-size: 4rem;
    	color:hsl(280,80%,90%);
        line-height:1;
        margin: 0em;
        }
     
     .p1 {
	    font-family:"rock_saltregular";
	    /*font-family: 'long_islandantiqua', sans-serif;*/
	    font-size:3rem;
        color:hhsl(280,80%,90%);
	    padding: 5px;
        margin: 0em;
		}
    .p1A {
	    font-family:"edoregular";
	    /*font-family: 'long_islandantiqua', sans-serif;*/
	    font-size:3rem;
        color:hhsl(280,80%,90%);
	    padding: 5px;
        margin: 0em;
		}
           
        
      .p2 {
	    font-family:"rock_saltregular";
	    /*font-family: 'long_islandantiqua', sans-serif;*/
	    font-size:4rem;
        color:hsl(280,80%,90%);
	    padding: 5px;
        margin: 0em;		
        }
        
      .p2A {
	    font-family:"edoregular";
	    /*font-family: 'long_islandantiqua', sans-serif;*/
	    font-size:4rem;
        color:hsl(280,80%,90%);
	    padding: 5px;
        margin: 0em;		
        }
        
        .hidden {
        display:none; }
        
        
      .gray1{
      color:hsl(35,25%,85%);
      }

      .gray2{
      color:hsl(35,15%,60%);
      }

      .purple{
      color:hsl(270,50%,60%);
       }
       
      .red{
      color:hsl(5,80%,50%);
       }

      .shadow {
      text-shadow: .05em .05em .1em hsl(35,40%,15%);   
        }

      .orange_button {
   	  background-color:orangered;
      width: 80%;
	  max-width:50rem;
	  border-style: hidden;
      padding:1rem;
      /*padding-bottom:1em;	
	  padding-top:1em;	*/
	  font-family: 'coolveticaregular', sans-serif;
	  font-size: 3rem;
	  color:white;
      cursor:pointer;
		}
		
	.orange_button:hover {
	    background-color:hsl(50,100%,70%);
	    
	}
        }        
        
 	 #logo {
        display: block;
        max-height:200px;
        margin:auto;
    }
        
@media screen and (min-width:1200px) {
    

    section {
        flex-wrap:nowrap;
        height:auto; }
        
    div {
        display:block;

         }
  
    .hidden {
       display:block;
         }
          
    

}