 <style>
    /* #### Generated By: http://www.cufonfonts.com #### */


    @font-face {
    font-family: 'Arial Narrow';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Narrow'), url('font/arialn.woff') format('woff');
    }

    @font-face {
    font-family: 'Franklin Gothic Extra-Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Franklin Gothic Extra-Condensed'), url('font/fgec.woff') format('woff');
    }

    body{
      font-family: Franklin Gothic Extra-Condensed,  Arial Narrow, sans-serif;
      font-size:40px;
    }
    
    

    h1{
      font-size: 100%;
      line-height: 85%;
      color: rgb(255,40,0);
      margin: 0;
      padding: 0;
    }



     h2{
      font-size: 100%;
      color: rgb(34,31,32);
      margin: 0;
      padding: 0;
      margin-bottom:-14px;
    }

    h3{
      font-size: 40%;
      line-height: 85%;

      color: rgb(255,40,0);
      margin: 0;
      padding: 0;
    }
    
     h4{
      font-size: 20%;
      line-height: 85%;

      color: rgb(255,40,0);
      margin: 0;
      padding: 0;
    }
    
    h4.black {
      color: black;
    }

   h3.black{
      color: black;
    }
  
   
    #main_wrapper{
      position: relative;
      display: block;
      clear: both;
      width: 100%;
      min-height: 100vh;
      font-size: 100px;
    }

    #left_overlap{
      position: absolute;
      left: 0;
      top: 0;
      margin: 0;
      padding: 0;
      text-align: right;
      opacity: 1;
      background: none;
      width: calc(33% + 30px);
      height: 100vh;
    }
     .right_overlap_noinset{
      position: absolute;
      right: 0;
      top: 0;
      margin: 0;
      padding: 0;
      text-align: left;
      opacity: 1;
      background: none;
      width: calc(66% - 20px);
      height: 100vh;
    }
    
    .right_indented {
          margin-right:40px;   
          margin-left:10px; 
    }

    .right_overlap{
      position: absolute;
      right: 0;
      top: 0;
      margin: 0;
      padding: 0;
      text-align: left;
      opacity: 1;
      background: none;
      width: calc(66% + 20px);
      height: 100vh;
    }
    
     #small_spacer{
      display: block;
      clear: both;
      height: 25px;
    }

    #monster_spacer{
      display: block;
      clear: both;
      height: 225px;
    }
    #monster_spacer2{
      display: block;
      clear: both;
      height: 200px;
    }

    #content_wrapper{
      width: 100%;
      position: relative;
      display: block;
      clear: both;
    }

    .item{
      position: relative;
      display: block;
      clear: both;

    }

    .left_number{
      position: relative;
      float: left;
      width: 65px;
       text-align: right;


    }

    .right_content{
      position: relative;
      float: left;
      text-align: left;
      padding-left: 5px;
      padding-top:25px;
    }

    .tiny{
      font-family: Arial Narrow, sans-serif;
      font-size: 18px;
      color: rgb(34,31,32);
      margin-top: -20px;
      margin-left: 2px;
      display: block;
    }
    
    .body_text {
      font-family: Arial Narrow, sans-serif;
      font-size: 18px;
      color: rgb(34,31,32);
      margin-top: -20px;
      margin-left: 2px;
      display: block;
    }


    .smaller{
      font-family: Arial Narrow, sans-serif;
      font-size: 23px;
      color: rgb(34,31,32);
      margin-top: 0px;
      margin-left: 2px;
      display: block;
      line-height: 95%;
    }

 
    .underlay {
     position: relative;
      z-index:-1;
    }
    
     .planning{
       font-size: 40%;
       line-height: 85%;
      font-weight: normal;
      color: rgb(34,31,32);
    }
    
    .gif {
		      width:400px;
		      object-fit:cover;
		}
    
    @media screen and (max-width: 719px) {
    
    #main_wrapper {
          font-size: 80px;

    }
		 .stop_small{
			font-size: 40%;
			line-height: 85%;
			font-weight: normal;
			color: rgb(34,31,32);
		}
   
		.stop_big {
			display:none !important;
		}
	
		 .what_big{
			font-size: 100%;
			line-height: 85%;

			font-weight: normal;
			color: rgb(255,40,0);
		   }
	
		.what_small {
		   display:none
		}
    
    }
    @media screen and (min-width: 720px) {
		.stop_small {
			display:none !important;
		}
		.stop_big{
			font-size: 100%;
			line-height: 85%;
			font-weight: bold;
			color: rgb(34,31,32);

		}
		.what_big {
			display:none;
		}

		.what_small{
			font-size: 40%;
			line-height: 85%;

			font-weight: bold;
			color: rgb(255,40,0);
		}
		
		

    }
	_::-webkit-full-page-media, _:future, :root .stop_big, .what_big {
			letter-spacing: -4px;
	}
	
	_::-webkit-full-page-media, _:future, :root .stop_small, .what_small, .planning, h3 {
			letter-spacing: -1px;
	}
	
	@supports (-webkit-overflow-scrolling: touch) {
	  .what_big, .stop_big {
			letter-spacing: -8px !important;
	   }
	
	
      .stop_small, .what_small, .planning, h3 {
   			letter-spacing: -2px  !important;

      }
      
   
}
   
  </style>