* { box-sizing:border-box; }

    .maiden-orange-regular {
      font-family: "Maiden Orange", serif;
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
        font-family: 'Flame-on-Black';
        src:url('Flame-on-Black.ttf.woff') format('woff'),
            url('Flame-on-Black.ttf.svg#Flame-on-Black') format('svg'),
            url('Flame-on-Black.ttf.eot'),
            url('Flame-on-Black.ttf.eot?#iefix') format('embedded-opentype');
        font-weight: normal;
        font-style: normal;
    }

    body, html {
      height: 100%;
    }

    .full-width { width:100%; }

      
    .mh ,
    .box ,
    .table-wrap ,
    .row ,
    .contained                                                  { *zoom: 1; margin-bottom:0px; position:relative; }
      .mh:before ,
      .box:before ,
      .row:before ,
      .table-wrap:before ,
      .contained:before                                         { content: " "; display: table; }
      .mh:after ,
      .box:after ,
      .row:after ,
      .table-wrap:after ,
      .contained:after                                          { content: " "; display: table; clear: both; }

    /* - */

    .row                                                        { margin-bottom:0px; }
    .contained                                                  { margin-bottom:30px; }
    .contained.tall                                             { margin-bottom:60px; }
    .contained.top-tall                                         { margin-top:30px; }

    .vert                                                       { display:flex; align-items:center; }

    html { background-color: #62bcfb; background-image:url(../images/2-ff-bg.png); background-repeat:repeat-y; background-size:100% auto; }
    body { font-family: "Maiden Orange", serif; font-weight: 400; margin: 0px; color:#2b3b75;  }

    strong { font-weight:700; }

    .outer-wrapper { display:flex; justify-content:center; align-items:center; min-height:100vh; background:url(../images/2-ff-big-skull.png) center bottom no-repeat; background-size:auto 400px; }
    .wrapper { z-index:2; padding-bottom:400px; padding-top:90px; box-sizing:border-box; }

    .tcenter {text-align:center; }

    .contained { display:block; width:100%; margin:0 0 40px; }
    .contained.shallow { margin:0 0 10px; }

    .slimmer-content { max-width:900px; padding:0 30px; }
    .padded-content { max-width:90%; padding:0 30px; margin:0 auto; }

    p.h1.fancy, h1.fancy { font-family:"Flame-on-Black", Arial, sans-serif; color:#fd62b0; -webkit-text-stroke: 4px #fff; font-size:85px; line-height:165px; margin:0 0 10px 0; text-transform:uppercase; letter-spacing:0.15em; }
    p.h1, h1 { font-family:"Maiden Orange", serif; font-size:65px; line-height:1em; font-weight:600; margin:0 0 30px 0; text-transform:uppercase; }
    p.h2, h2 { font-family:"Maiden Orange", serif; font-size:50px; line-height:1em; font-weight:400; margin:0 0 30px 0; text-transform:uppercase; letter-spacing:0.06em; }
    p.h3, h3 { font-family:"Maiden Orange", serif; font-size:30px; line-height:1em; font-weight:400; margin:0 0 30px 0; text-transform:uppercase; letter-spacing:0.06em; }
    p.h4, h4 { font-family:"Maiden Orange", serif; font-size:26px; line-height:1em; font-weight:400; margin:0 0 30px 0; text-transform:uppercase; letter-spacing:0.06em; }


    .highlighted { color:#fff; font-weight:700; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; }
    

    p { font-size:22px; margin:0 0 25px 0; line-height:1.4em; }
    p.h1.shallow, h1.shallow ,
    p.h2.shallow, h2.shallow ,
    p.h3.shallow, h3.shallow ,
    p.h4.shallow, h4.shallow ,
    p.shallow { margin-bottom:10px; }
    p.small { font-size:12px; }

    img { max-width:100%; }

    hr { border:0; width:60%; margin:60px auto; display:block; height:5px; background:url(/assets/images/2-hr.png) center center repeat-x; background-size:auto 100%; }

    a { color:#000; text-decoration: underline; -webkit-transition:.2s; transition:.2s; }
    a:hover { color:#fff; text-decoration: underline; }

    a.clean { color:inherit; text-decoration:none; }

    a.button { display:inline-block; border:0; border-radius:0; text-decoration:none; background:#2b3b75; color:#fff; line-height:26px; padding:10px 30px; transform: skew(-15deg, 0deg); }
    a.button span { display:inline-block; transform: skew(15deg, 0deg); }
    a.button:hover { background:#fff; color:#2b3b75; text-decoration:none;}


    header { padding-top:20px; margin:0 0 20px; }


    nav.primary-nav .primary-nav-container { margin:0 0 60px; /*border:4px #3048a2 dotted; border-left:0; border-right:0;*/ }
    nav.primary-nav .primary-nav-container:before { content:" "; width:100%; display:block; height:5px; background:url(/assets/images/2-hr.png) center center repeat-x; background-size:auto 100%; }
    nav.primary-nav .primary-nav-container:after { content:" "; width:100%; display:block; height:5px; background:url(/assets/images/2-hr.png) center center repeat-x; background-size:auto 100%; }


    nav.primary-nav ul { list-style:none; margin:0; padding:0; width:100%; }
      nav.primary-nav ul li  { margin:0 20px; padding:0; display:inline-block; }
        nav.primary-nav ul li a { position:relative; color:#2b3b75; text-transform:uppercase; font-size:34px; line-height:60px; text-decoration:none; }
        nav.primary-nav ul li.tickets { }
        nav.primary-nav ul li.tickets a {  }
        nav.primary-nav ul li.tickets a:before { background:rgba(255,255,255,0.25); content:" "; width:130%; height:130%; display:inline-block; position: absolute; left:-15%; top:-15%; z-index:-1; transform:rotate(-2deg) }
        nav.primary-nav ul li a.active { text-decoration:none; color:#fff; }
        nav.primary-nav ul li a:hover { color:#fff; text-transform:uppercase; }

        nav.primary-nav ul li a.active:before ,
        nav.primary-nav ul li a:hover:before { background:rgba(255,255,255,0.15); content:" "; width:130%; height:130%; display:inline-block; position: absolute; left:-15%; top:-15%; z-index:-1; transform:rotate(-2deg) }



    .band-pic { box-shadow:#2b3b75 10px 10px 0px; }
    .band-pic { transform:rotate(-3deg); }
    .band-pic.alt { transform:rotate(2deg); }
    .band-pic.alt2 { transform:rotate(-2deg); }


    .faqs {  }
    .faqs h3 { margin-bottom:30px; }
    .faqs p { margin-bottom:10px; }
    .faq-answer { margin-left:0px !important; }

    .list-of-photos { columns:4; grid-column-gap: 30px; column-gap: 30px; }
      .list-of-photos a { display:inline-block; margin:0 0 30px;  }


    footer { padding-bottom:300px; background:url(../images/2-ff-big-skulls.png) center bottom no-repeat; background-size:auto 250px; }
    
    .outer-wrapper { display:flex; justify-content:center; align-items:center; min-height:100vh; background:url(../images/2-ff-big-skull.png) center bottom no-repeat; background-size:auto 400px; }
    
    .mob-nav-toggle { display:none; font-size:24px; color:#000; text-decoration:underline; width:100%; text-align:center; line-height:40px; margin:0 0 20px; }


    @media only screen and (max-width: 900px) {

        /*html { background-image:url(../images/2-ff-bg-mob.png); }*/

        footer { padding-bottom:150px; background:url(../images/2-ff-big-skulls.png) center bottom no-repeat; background-size:auto 150px; }

        .vert                                                     { display:block !important; }

        .outer-wrapper { background-size:auto 170px; }
        .wrapper { padding-bottom:180px; padding-left:25px; padding-right:25px; max-width:100%; }

        h1.fancy { font-size:55px !important; line-height:100px; }
        h1 { font-size:40px; }
        h2 { font-size:32px; }
        h3 { font-size:24px; }
        h4 { font-size:20px; }
        p { font-size:18px; }

      .padded-content { max-width:95%; padding:0 20px; margin:0 auto; }

      .list-of-photos { columns:2; grid-column-gap: 30px; column-gap: 30px; }
        .list-of-photos a { display:inline-block; margin:0 0 30px;  }

      .mob-nav-toggle { display:block; }

      nav.primary-nav .primary-nav-container { display:none; }
      nav.primary-nav ul li { width:100%; text-align:center; margin:0; }
      

    }

    @media only screen and (max-width: 500px) {
        footer { padding-bottom:100px; background:url(../images/2-ff-big-skulls.png) center bottom no-repeat; background-size:90% auto; }
        h1.fancy { text-align:center; }
    }