@charset "UTF-8";


    /* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 6, 2015 */



    @font-face {
        font-family: 'montserratblack';
        src: url('../fonts/Montserrat_webfontkit/Montserrat-Black-webfont.eot');
        src: url('../fonts/Montserrat_webfontkit/Montserrat-Black-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Black-webfont.woff2') format('woff2'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Black-webfont.woff') format('woff'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Black-webfont.ttf') format('truetype'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Black-webfont.svg#montserratblack') format('svg');
        font-weight: normal;
        font-style: normal;

    }




    @font-face {
        font-family: 'montserratlight';
        src: url('../fonts/Montserrat_webfontkit/Montserrat-Light-webfont.eot');
        src: url('../fonts/Montserrat_webfontkit/Montserrat-Light-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Light-webfont.woff2') format('woff2'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Light-webfont.woff') format('woff'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Light-webfont.ttf') format('truetype'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Light-webfont.svg#montserratlight') format('svg');
        font-weight: normal;
        font-style: normal;

    }




    @font-face {
        font-family: 'montserratbold';
        src: url('../fonts/Montserrat_webfontkit/Montserrat-Bold-webfont.eot');
        src: url('../fonts/Montserrat_webfontkit/Montserrat-Bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Bold-webfont.woff2') format('woff2'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Bold-webfont.woff') format('woff'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Bold-webfont.ttf') format('truetype'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Bold-webfont.svg#montserratbold') format('svg');
        font-weight: normal;
        font-style: normal;

    }




    @font-face {
        font-family: 'montserratregular';
        src: url('../fonts/Montserrat_webfontkit/Montserrat-Regular-webfont.eot');
        src: url('../fonts/Montserrat_webfontkit/Montserrat-Regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Regular-webfont.woff2') format('woff2'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Regular-webfont.woff') format('woff'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Regular-webfont.ttf') format('truetype'),
             url('../fonts/Montserrat_webfontkit/Montserrat-Regular-webfont.svg#montserratregular') format('svg');
        font-weight: normal;
        font-style: normal;

    }

    @font-face {
        font-family: 'dk_carambolaregular';
        src: url('../fonts/dk_carambola/dk_carambola-webfont.eot');
        src: url('../fonts/dk_carambola/dk_carambola-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/dk_carambola/dk_carambola-webfont.woff2') format('woff2'),
             url('../fonts/dk_carambola/dk_carambola-webfont.woff') format('woff'),
             url('../fonts/dk_carambola/dk_carambola-webfont.ttf') format('truetype'),
             url('../fonts/dk_carambola/dk_carambola-webfont.svg#dk_carambolaregular') format('svg');
        font-weight: normal;
        font-style: normal;

    }

    body {
        background-color: #000;
    }

    .container-fluid {
        background-color: #000;
    }

    .maincontent {
        max-width: 1400px;
        margin: 0 auto;
    }
    .hidden{
        display: none;
    }

    .header {
    	padding: 0;
    	margin: 0;
    	background-color: #000;
        max-width: 1400px;
        margin: 0 auto !important;
        text-align: center;
        float: none;
        display: block;
    }

    .logo {
    	padding: 20px 0 10px 100px;
    	text-align: left;
    }

    .headerbutton {
    	padding: 20px 100px 10px 0;
    	text-align: right;
    }

    .tickets {
    	width:300px !important;
    	height: 65px;
    	border-radius: 0px;
    	border-color: #c28642;
    	color: #c28642;
    	text-decoration: none;
    	font-size: 31px;
    	font-family: 'montserratblack';
    	vertical-align: middle;
    	margin: 0;
    	padding: 5px 0 0 0;
    }

    .background {
        background-image: url(../images/content-background.jpg) !important;
        height: 75px;
    }


    .maincontent {
        padding: 0 0 0 5px;
        background-image: url(../images/content-background.jpg) !important;
        background-size: 100%;
        max-width: 1400px;
        margin: 0 auto !important;
        text-align: center;
        float: none;
        display: block;

    }

    .poster {
        text-align: right;
        padding: 40px 0 0 0;
        margin:  -60px 0 0 0;
        float: left;
        clear: none;
    }

    .poster img {
        width: 100%;
    }

    .sidebar {
        text-align: left;
        padding: 35px 0 0 0;
        margin: -60px 0 0 -74px;
    }

    .ticket-info{
        margin-left: 110px!important;
    }

    .venue {
        text-align: left;
        margin: -100px 0 80px -74px;
    }

    .info,
    .info-mobile {
        margin: 0 0 20px 0;
    }

    .info h1,
    .info-mobile h1 {
        font-family: 'montserratblack';
        color: #c28642;
        font-size:40px;
        margin: 0;
        padding: 0;
        letter-spacing: 2px;
    }

    .info p,
    .info-mobile p {
        font-family: 'montserratlight';
        font-size: 23px;
        color: #c28642;
        font-weight: normal;
        line-height: 30px;
        padding: 0;
        margin: 0;

    }

    .info-mobile{
        display: none;
    }

    .giacomo {
        margin:0 0 0 0;
        padding: 0;
    }

    .giacomo h1 {
        font-family: 'dk_carambolaregular';
        font-size: 28px;
        color: #fff;
        letter-spacing: 2px;
        font-weight: 100;
        padding: 0;
        margin: 0 0 -10px; 0;

    }

    .subtitle {
        font-family: 'dk_carambolaregular';
        font-size: 79px;
        color: #fff;
        padding: 0;
        margin: -10px 0 0 0;
    }


    .giacomo p {
        font-size: 14px;
        font-family: 'dk_carambolaregular';
        color: #fff;
        margin: 0 0 3px 0 ;
        padding: 0;
        letter-spacing: .5px;

    }

    .name {
        font-size: 18px !important;
        margin:0 !important;
        padding: 0 !important;
    }

    .packages {
        /*margin: 0;*/
        padding: 30px 0 0 0;
    }


    .packages h3 {
        font-size:24px;
        font-family: 'montserratblack';
        color: #c28642;
        letter-spacing: 1px;
        margin:0;
        padding: 0;
    }

    .pricing {
        padding-bottom: 35px !important;
    }


    .packages p {
        font-family: 'montserratlight';
        font-size:16px;
        color: #fff;
        padding: 0;
        margin: 0;
        letter-spacing: 1px;
    }

    #view-map{
        color: #c28642;
        
    }

    .secondbutton p {
        font-family: 'montserratlight';
        font-size:18px;
        color: #c28642;
        padding-top: 10px;
    }

    #gala-tickets{
        margin-top:25px;
    }

    #jalc{
        text-decoration: none;
    }

    .characters {
        margin: 20px 0 0 -5px;
        padding: 0;
    }

    .characters img {
        width: 100%;
    }

    .characterpic {
        width: 25%;
        float: left;
        margin: 0;
        padding:0;
    }

    .charactertxt {
         position: relative;
        top: -150px;
        left: 24px;
    }

    .set-design{
        padding-top:30px;
    }

    .charactertxt span {
        font-family: 'montserratlight';
        font-size: 16px;
        margin: 0;
        padding: 0;
        color: #fff;
    }

    .charactertxt p {
        font-family: 'montserratbold';
        font-size: 24px;
        margin: 0 0 -5px 0;
        padding: 0;
        color: #fff;
    }

    .charactertxt img {
        width: 2%;
        position: relative;
        top:-2px;
    }

    .design {
        width: 90%;
        margin-top: -30px;

    }


    /*CAST PAGE*/

    .back{
        text-align: left;
        margin-left: 5%!important;
    }

    .back a{
        font-family: 'montserratblack';
        letter-spacing: .5px;
        color:white;
        text-decoration: none;
        position: relative;
        left:7%;
        top:15px;
    }

    .bio{
        text-align: left;
        color:#fff;
        font-family: 'montserratlight';
    }
    .bio h1{   
        font-family: 'montserratblack';
        letter-spacing: .5px;
        font-size:36px;
    }

    .bio p{
        color:#c28642;
        height: 340px;
        overflow: hidden;
    }
    .no-headshot{
        position: relative;
        margin-left: -425px;
    }
    .design,
    .director{
        text-align: left;
        color:#fff;
        font-family: 'montserratlight';
    }
    .design h1,
    .director h1{   
        font-family: 'montserratblack';
        letter-spacing: .5px;
        font-size:36px;
    }

    .design p,
    .director p{
        color:#c28642;
    }

    .img-credit{
        text-align: left!important;
        font-size:10px!important;
        font-family: 'montserratlight'!important;
        color:#c28642;
    }
    
    .design-img{
        margin-left:90px;
    }
    .design-img img{
        height: 525px;
    }
    
    .design h1,
    .design p{
        margin-left:-110px;
    }
    .mobile-cast{
        display: none;
    }

    .desktop-cast img{
        height: 345px;
        width: 352px;
        position: relative;
        margin: 75px 0 0 60px;
    }

    .design-img,
    .cast-img{
        text-align: left;
    }



    #more{
        height: inherit;
        cursor: pointer;
        text-decoration: underline;
    }

    .more-info{
        overflow:visible!important;
        height: inherit!important;
    }

    .footercontain {
        max-width: 1400px !important;
        margin: 0 auto !important;
        float: none;
        display: block;
    }

    .footercontain .leftside a{
        text-decoration: none;
    }

    #watch-video{
        font-family: 'montserratbold';
        font-size: 20px;
        color: #a77236;
        padding: 0;
    }
    
    .gallery{
        text-align: left;
        margin-left:1.5%;
        width: 100%;
    }
   .gallery img{
        display: inline-block;
        height: 155px;
        margin:25px 5px;
        cursor: pointer;
   }

   .selected{
        border:2px solid #fff;
   }

    .firstfooter {
        background-color: #fff;
        margin:-134px 0 0 0;
        padding:55px 0 0 26px;
    }

    .leftside span {
            font-family: 'montserratlight';
            font-size: 16px;
            color: #a77236;
            padding:0;
            margin: 0 0 0 0;
    }

    .firstfooter p {
            font-family: 'montserratbold';
            font-size: 20px;
            color: #a77236;
            padding:0;
            margin: 5px 0 -7px 0;
    }

    .rightside {
        padding: 0 0 60px 0;
    }

    .rightside h3 {
            font-family: 'montserratbold';
            color: #a77236;
            font-size: 20px;
            padding: 00;
            margin: 0;
    }

    .rightside p {
        font-family: 'montserratlight';
        font-size: 18px;
       
        padding: 0;
        margin: 0 0 20px 0;
    }

    .rightside img {
        margin-right: 10px;
    }

    .finetxt {
        font-size: 11px !important;
        width: 700px !important;
        color: #000 !important;
        font-family: 'montserratlight';
        position: relative;
        top: -13px;
    }

    .rightside a {
        color: #000;
        text-decoration: none;
    }

    .secondfooter {
        background-color: #000;
        padding: 35px 0 0 0;
        max-width: 1400px !important;
        margin: 0 auto !important;
        float: none;
        display: block;
    }

    .right {
        margin: 0;
        padding: 31px 0 0 27px;
    }

    .right a {
        font-family: 'montserratbold';
        color: #fff;
        font-size: 20px;
        text-decoration: none;
    }

    .right p {
        font-family: 'montserratlight';
            font-size: 14px;
            color: #fff;

    }

    .fa {
        color: #fff;
        font-size: 40px !important;
        padding-right: 20px;
        padding-top: 45px;
    }

    .socialmobile {
        display: none;
    }


              #newslettercont {
                    background: #000;
        color: #fff;
        padding: 54px 76px;
        text-align: left;
        max-width: 629px;
        margin: 40px auto;
        position: relative;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
              }

              #newsletter h2 {
                    font-size: 39.75px;
        line-height: 40px;
        font-family: 'montserratlight', sans-serif;
        font-weight: normal;
        text-transform: uppercase;
        margin: 0 0 20px 0;
        color: #fff !important;
              }

              #newsletter p {
        font-size: 16px;
        font-family: 'montserratlight', sans-serif;
        font-weight: normal;
        text-transform: uppercase;
        line-height: 20px;}

        #newsletter input, #newsletter select {
        line-height: 37px;
        height: 37px;
        color: #6d6f71;
        font-size: 15px;
        font-family: 'montserratlight', sans-serif;
        padding: 0 15px;
    }

    #newsletter #firstname, #newsletter #lastname, #newsletter #email {
        width: 100%;
        display: block;
        margin-bottom: 15px;
        border: none;
    }

    #newsletter select {
        height: 37px;
        margin:0 2px 0 0;
        padding: 0 0 0 10px;
        border: none;
        display: block;
        vertical-align: top;
        width: 49%;
        float: left;}

        #newsletter #zip {
        border: none;
        display: block;
        margin: 0;
        vertical-align: top;
        width: 50%;
    }

    #newsletter .req {
        font-size: 14px;
        font-family: 'montserratlight', sans-serif;
        display: block;
        padding: 10px 0 25px;
    }

    #newsletter label.getemailslabel {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 25px;
        margin-right: 15px;
        line-height: 15px;
        font-size: 15px;
        font-family: 'montserratlight', sans-serif;
        font-weight: normal;
        margin-bottom: 0;
    }

    #newsletter .privacy {
        color: #fff;
        display: block;
        margin: 18px 0 25px;
        font-family: 'montserratlight', sans-serif;
        font-weight: normal;
    }

    #newsletter .joinbtn {
        display: inline-block;
        border: 1px solid #bcbdc0;
        color: #fff;
        background: #f38e31 none;
        padding: 0 17px;
        font-family: 'montserratregular', sans-serif;
        font-size: 18px;
        line-height: 37px;
        font-weight: normal;
        text-transform: uppercase;
        text-decoration: none;
    }

    #popouttxt {
      margin-top:20px;
    }

    @media only screen and (min-width:200px) and (max-width: 545px)  {

    .maincontent {
        margin: 0;
        padding: 0;
    }

    .header {
        width: 100%;
        padding-bottom: 10px;
    }

    .logo {
        width: 50%;
        margin: 0;
        padding: 10px 0 0 20px;
    }

    .logo img {
        width: 60%;
    }

    .headerbutton {
        width: 50%;
        margin: 10px 0 0 0;
        padding: 0 10px 0 0;
    }

    .tickets {
        width:95% !important;
        height: 35px;
        border-radius: 0px;
        border-color: #c28642;
        color: #c28642;
        text-decoration: none;
        font-size: 10px;
        font-family: 'montserratblack';
        vertical-align: middle;
        margin: 0;
        padding: 0 0 0 0;
    }


    .poster {
        width: 100%;
    }

    .poster img {
        width: 100%;
    }

    .sidebar {
        width: 100%;
        margin: 0;
        padding: 0 0 0 20px;
    }
    .info{display: none;}

    .info-mobile {
        display: block;
        width: 100%;
        padding: 0;
        text-align: left;
        margin-left: 5%;
    }

    .info-mobile h1 {
        font-size:25px;
        letter-spacing: 1px;
    }

    .info-mobile p {
        font-size: 18px;
        padding: 0 0 10px 0;
    }

    .venue{
        width: 100%;
        margin: 0;
        padding: 0 0 0 20px;
        text-align: left;
    }
    .no-headshot{
        margin-left:auto;
    }
    .ticket-info{
        margin-bottom: 50px;
        margin-left: 0!important;
    }

    .name {
        font-size: 16px !important;
    }

    .characters {
    margin-top: 100px;
    }

    .characterpic {
        width: 100%;
        margin: -100px 0 -22px 0;
        padding: 0;
    }

    .charactertxt {
        position: relative;
        left: 0;
        padding: 0 0 0 20px;
    }

    .back{
        position: relative;
        top:25px;
        text-align: center;
        width: 100%!important;
    }
    .bio,
    .design,
    .director,
    .design-img,
    .cast-img{
        margin: 4%;
    }
    .desktop-cast{
        display: none;
    }
    .bio{
        text-align: center;
        width:100%!important;
    }
    .bio p{
        text-align: left;
        width:90%;
        position: relative;
        margin:0 auto;
    }
    .mobile-cast{
        display: block;
    }
    .mobile-cast img{
        height: 345px;
        width: 352px;
        margin-bottom:25px;
    }

    .selected-img,
    .img-credit,
    .cast-img img{
        width: 100%;
    }
    #video-arrow{
        position: relative;
        top:10px;
    }
    .firstfooter {
        width: 100%;
    }

    .leftside {
        width: 100%;
    }
    
    .selected-image{
        text-align: center;
    }
    .design-img .selected-image img{
        height: 300px;
    }
    .design h1,
    .design p{
        margin-left:auto;
    }
    .rightside {
        width: 100%;
        padding-top: 20px;
    }

    .rightside p {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .rightside img {
        text-align: center;
        margin: 10px 0 10px 0;
    }

    .finetxt {
        width: 100% !important;
        clear:left;
        float: right;
    }

    .secondfooter {
        width: 100%;
        margin: 0;
        padding: 0 0 0 20px;
    }

    .right a {
        font-size: 11px;
        margin: 0;
        padding: 0;
    }

    .right p {
        width: 100%;
        margin: 0;
        padding: 0 0 30px 0;
        font-size: 10px;
    }

    .socialmobile {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 0 0 20px 0;
        text-align: center;
    }

    .social {
        display: none;
    }

    }


    @media only screen and (min-width:546px) and (max-width: 702px)  {

    .header {
        width: 100%;
        padding-bottom: 10px;
    }

    .logo {
        width: 50%;
        margin: 0;
        padding: 10px 0 0 20px;
    }

    .logo img {
        width: 60%;
    }

    .headerbutton {
        width: 50%;
        margin: 20px 0 0 0;
        padding: 0 10px 0 0;
    }

    .tickets {
        width:50% !important;
        height: 40px;
        border-radius: 0px;
        border-color: #c28642;
        color: #c28642;
        text-decoration: none;
        font-size: 100%;
        font-family: 'montserratblack';
        vertical-align: middle;
        margin: 0;
        padding: 0 0 0 0;
    }

    .maincontent  {
        width: 100%;
        background-image: none;
    }



    .poster {
        width: 100% !important;
    }

    .poster img {
        width: 100%;
    }

    .sidebar {
        width: 100% !important;
        margin: 0;
        padding: 0 0 0 20px;
         text-align: center !important;
    }
    .info{display: none;}

    .info-mobile {
        display: block;
        width: 100% !important;
        padding: 0;
    }

    .info-mobile h1 {
        font-size:35px;
        letter-spacing: 1px;
    }

    .info-mobile p {
        font-size: 25px;
        padding: 0 0 30px 0;
    }

    .venue{
         width: 100% !important;
        margin: 0;
        padding: 0 0 0 20px;
         text-align: center !important;
    }
    
    .packages{
        width: 100%!important;
        margin: 0!important;
    }
    .ticket-info{
        margin-bottom: 50px;
        margin-left: 0!important;
    }

    .name {
        font-size: 16px !important;
    }

    .characters {
    margin-top: 100px;
    }

    .characterpic {
        width: 50%;
        float: left;
        clear: none;
        margin: -100px 0 -22px 0;
        padding: 0;
    }

    .charactertxt {
        position: relative;
        left: 0;
        padding: 0 0 0 20px;
    }

    .charactertxt img {
        /*display: none;*/
    }

    .desktop-cast{
        display: none;
    }
    .bio{
        text-align: center;
        width:100%!important;
    }
    .bio p{
        text-align: center;
        width:90%;
        position: relative;
        margin:0 auto;
    }
    .mobile-cast{
        display: block;
    }
    .mobile-cast img{
        height: 345px;
        width: 352px;
        margin-bottom:25px;
    }

    .no-headshot{
        margin-left:auto;
    }
    .design,
    .bio{
        width: 90%!important;
        margin:4%;
    }
    .director{
        margin:4%;
    }
    .img-credit{
        width: 525px;
    }
    .design-img{
        margin:4%;
        width:100%!important;
    }

    .design h1,
    .design p{
        margin-left:auto;
    }
    .cast-img{
        margin: 4%;
    }

    #video-arrow{
        position: relative;
        top:10px;
    }

    .firstfooter {
        width: 100%;
    }

    .leftside {
        width: 100% !important;
        padding-left: 5px;
        padding-bottom: 10px;
    }

    .rightside {
        width: 100% !important;
        padding: 0;
        margin: 0;
    }

    .rightside p {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .rightside img {
        text-align: center;
        margin: 10px 0 10px 0;
    }

    .finetxt {
        width: 100% !important;
        clear:left;
        float: right;
    }

    .secondfooter {
        width: 100% !important;
        margin: 0;
        padding: 0 0 0 20px;
    }

    .right a {
        font-size: 15px;
        margin: 0;
        padding: 0;
    }

    .right p {
        width: 100%;
        margin: 0;
        padding: 0 0 30px 0;
        font-size: 10px;
    }

    .socialmobile {
        display: inline-block;
        width: 100% !important;
        margin: 0;
        padding: 0 0 20px 0;
        text-align: center;
    }

    .social {
        display: none;
    }

    }


    @media only screen and (min-width:703px) and (max-width: 761px)  {


    .maincontent  {
        width: 100%;
        background-image: none;
    }

    .poster {
        width: 100% !important;
    }

    .poster img {
        width: 100%;
    }

    .sidebar {
        width: 100% !important;
        margin: 0;
        padding: 0 0 0 20px;
         text-align: center !important;
    }
    .info{display: block;}

    .info-mobile {
        display: block;
        width: 100% !important;
        padding: 0;
    }

    .info-mobile h1 {
        font-size:35px;
        letter-spacing: 1px;
    }

    .info-mobile p {
        font-size: 25px;
        padding: 0 0 30px 0;
    }

    .venue{
        margin: 0;
        padding: 10px 0 0 0;
        text-align: center;
    }
    
    .packages{
        width: 100%!important;
        margin: 0!important;
    }
    .ticket-info{
        margin-bottom: 50px;
        margin-left:0!important;
    }

    .name {
        font-size: 16px !important;
    }

    .characters {
    margin-top: 100px;
    }

    .characterpic {
        width: 50%;
        float: left;
        clear: none;
        margin: -100px 0 -22px 0;
        padding: 0;
    }

    .charactertxt {
        position: relative;
        left: 0;
        padding: 0 0 0 20px;
    }

    .charactertxt img {
        /*display: none;*/
    }
    .design,
    .bio{
        width: 90%!important;
    }
    .img-credit{
        width: 525px;
    }

    .design-img{
        width: 100%!important;
    }

    .design h1,
    .design p{
        margin-left:auto;
    }

    .desktop-cast{
        display: none;
    }
    .bio{
        text-align: center;
        width:100%!important;
    }
    .bio p{
        text-align: center;
        width:90%;
        position: relative;
        margin:0 auto;
    }
    .mobile-cast{
        display: block;
    }
    .mobile-cast img{
        height: 345px;
        width: 352px;
        margin-bottom:25px;
    }

    .no-headshot{
        margin-left:auto;
    }
    #video-arrow{
        position: relative;
        top:10px;
    }
    .firstfooter {
        width: 100%;
    }

    .leftside {
        width: 100% !important;
        padding-left: 5px;
        padding-bottom: 10px;
    }

    .rightside {
        width: 100% !important;
        padding: 0;
        margin: 0;
    }

    .rightside p {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .rightside img {
        text-align: center;
        margin: 10px 0 10px 0;
    }

    .finetxt {
        width: 100% !important;
        clear:left;
        float: right;
    }

    .secondfooter {
        width: 100% !important;
        margin: 0;
        padding: 0 0 0 20px;
    }

    .right a {
        font-size: 20px;
        margin: 0;
        padding: 0;
    }

    .right p {
        width: 100%;
        margin: 0;
        padding: 0 0 30px 0;
        font-size: 10px;
    }

    .socialmobile {
        display: inline-block;
        width: 100% !important;
        margin: 0;
        padding: 0 0 20px 0;
        text-align: center;
    }

    .social {
        display: none;
    }


    }

    @media only screen and (min-width:762px) and (max-width: 906px)  {

    .maincontent  {
        width: 100%;
        background-image: none;
    }



    .poster {
        width: 100% !important;
    }

    .poster img {
        width: 100%;
    }

    .sidebar {
        width: 100% !important;
        margin: 0;
        padding: 0 0 0 20px;
        margin: -100px 0 0 0;
        text-align: center;
    }
    .info{display: none;}

    .info-mobile {
        display: block;
        width: 100% !important;
        padding: 0;
    }

    .info-mobile h1 {
        font-size:35px;
        letter-spacing: 1px;
    }

    .info-mobile p {
        font-size: 25px;
        padding: 0 0 30px 0;
    }
        
    .venue{
        margin: 0;
        padding: 10px 0 0 0;
        text-align: center;
    }
    
    .packages{
        width: 100%!important;
        margin: 0!important;
    }
    .ticket-info{
        margin-bottom: 50px;
        margin-left:0!important;
    }

    .name {
        font-size: 16px !important;
    }

    .characters {
    margin-top: 100px;
    }

    .characterpic {
        width: 50%;
        float: left;
        clear: none;
        margin: -100px 0 -22px 0;
        padding: 0;
    }

    .charactertxt {
        position: relative;
        left: 0;
        padding: 0 0 0 20px;
    }

    .charactertxt img {
        /*display: none;*/
    }

    .desktop-cast{
        display: none;
    }
    .bio{
        text-align: center;
        width:100%!important;
    }
    .bio p{
        text-align: center;
        width:90%;
        position: relative;
        margin:0 auto;
    }
    .mobile-cast{
        display: block;
    }
    .mobile-cast img{
        height: 345px;
        width: 352px;
        margin-bottom:25px;
    }
    .no-headshot{
        margin-left:auto;
    }
    .design{
        width: 90%!important;
    }
    .img-credit{
        width: 525px;
    }
    .design-img{
        width: 100%!important;
    }
    .design h1,
    .design p{
        margin-left:auto;
    }

    #video-arrow{
        position: relative;
        top:10px;
    }

    .firstfooter {
        width: 100%;
    }

    .leftside {
        width: 100% !important;
        padding-left: 5px;
        padding-bottom: 10px;
    }

    .rightside {
        width: 100% !important;
        padding: 0;
        margin: 0;
    }

    .rightside p {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .rightside img {
        text-align: center;
        margin: 10px 0 10px 0;
    }

    .finetxt {
        width: 100% !important;
        clear:left;
        float: right;
    }

    .secondfooter {
        width: 100% !important;
        margin: 0;
        padding: 0 0 0 20px;
    }

    .right a {
        font-size: 20px;
        margin: 0;
        padding: 0;
    }

    .right p {
        width: 100%;
        margin: 0;
        padding: 0 0 30px 0;
        font-size: 10px;
    }

    .socialmobile {
        display: inline-block;
        width: 100% !important;
        margin: 0;
        padding: 0 0 20px 0;
        text-align: center;
    }

    .social {
        display: none;
    }


    }

    @media only screen and (min-width:906px) and (max-width: 1000px)  {

    .maincontent  {
        width: 100%;
        background-image: none;
    }


    .poster {
        width: 100% !important;
    }

    .poster img {
        width: 100%;
    }

    .sidebar {
        width: 100% !important;
        margin: 0;
        padding: 0 0 0 20px;
        margin: -100px 0 0 0;
        text-align: center;
    }
    .info{display: none;}

    .info-mobile {
        display: block;
        width: 100% !important;
        margin: 0;
    }

    .info-mobile h1 {
        font-size:35px;
        letter-spacing: 1px;
    }

    .info-mobile p {
        font-size: 25px;
        padding: 0 0 30px 0;
    }
    .venue{
        margin: 0;
        padding: 10px 0 0 0;
        text-align: center;
    }
    
    .packages{
        width: 100%!important;
        margin: 0!important;
    }
    .ticket-info{
        margin-bottom: 50px;
        margin-left:0!important;
    }

    .name {
        font-size: 16px !important;
    }

    .characters {
    margin-top: 100px;
    }

    .characterpic {
        width: 50%;
        float: left;
        clear: none;
        margin: -100px 0 -22px 0;
        padding: 0;
    }

    .charactertxt {
        position: relative;
        left: 0;
        padding: 0 0 0 20px;
    }

    .charactertxt img {
        /*display: none;*/
    }

    .desktop-cast{
        display: none;
    }
    .bio{
        text-align: center;
        width:100%!important;
    }
    .bio p{
        text-align: center;
        width:90%;
        position: relative;
        margin:0 auto;
    }
    .mobile-cast{
        display: block;
    }
    .mobile-cast img{
        height: 345px;
        width: 352px;
        margin-bottom:25px;
    }
    .design,
    .bio{
        width: 90%!important;
    }
    .no-headshot{
        margin-left:auto;
    }
    .design-img{
        width: 100%!important;
    }
    .img-credit{
        width: 525px;
    }
    .design h1,
    .design p{
        margin-left:auto;
    }
    .firstfooter {
        width: 100%;
    }

    #video-arrow{
        position: relative;
        top:10px;
    }

    .leftside {
        width: 100% !important;
        padding-left: 5px;
        padding-bottom: 10px;
    }

    .rightside {
        width: 100% !important;
        padding: 0;
        margin: 0;
    }

    .rightside p {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .rightside img {
        text-align: center;
        margin: 10px 0 10px 0;
    }

    .finetxt {
        width: 100% !important;
        clear:left;
        float: right;
    }

    .secondfooter {
        width: 100% !important;
        margin: 0;
        padding: 0 0 0 20px;
    }

    .right a {
        font-size: 20px;
        margin: 0;
        padding: 0;
    }

    .right p {
        width: 100%;
        margin: 0;
        padding: 0 0 30px 0;
        font-size: 10px;
    }

    .socialmobile {
        display: inline-block;
        width: 100% !important;
        margin: 0;
        padding: 0 0 20px 0;
        text-align: center;
    }

    .social {
        display: none;
    }

    }

    @media only screen and (min-width:1001px) and (max-width: 1150px)  {

    .maincontent  {
        width: 100%;
        background-image: none;
    }

    .poster {
        width: 100% !important;
    }


    .poster img {
        width: 100%;
    }

    .venue{
        margin: 0;
        padding: 10px 0 0 0;
        text-align: center;
    }
    
    .packages{
        width: 100%!important;
        margin: 0!important;
    }
    .ticket-info{
        margin-bottom: 50px;
        margin-left:0!important;
    }
    .sidebar {
        width: 100% !important;
        margin: 0;
        padding: 0 0 0 20px;
        margin: -100px 0 0 0;
        text-align: center;
    }
    .info{
        display: none;
    }

    .info-mobile {
        display: block;
        width: 100% !important;
        padding: 0;
    }

    .info-mobile h1 {
        font-size:35px;
        letter-spacing: 1px;
    }

    .info-mobile p {
        font-size: 25px;
        padding: 0 0 30px 0;
    }

    .name {
        font-size: 16px !important;
    }

    .desktop-cast{
        display: none;
    }
    .bio{
        text-align: center;
        width:100%!important;
    }
    .bio p{
        text-align: center;
        width:90%;
        position: relative;
        margin:0 auto;
    }
    .mobile-cast{
        display: block;
    }
    .mobile-cast img{
        height: 345px;
        width: 352px;
        margin-bottom:25px;
    }
    .no-headshot{
        margin-left:auto;
    }
    .design{
        width: 90%!important;
        margin:4%;
    }
    .design h1,
    .design p{
        margin-left:auto;
    }
    .design-img{
        width: 100%!important;
    }
    .characters {
    margin-top: 100px;
    }

    .characterpic {
        width: 50%;
        float: left;
        clear: none;
        margin: -100px 0 -22px 0;
        padding: 0;
    }

    .charactertxt {
        position: relative;
        left: 0;
        padding: 0 0 0 20px;
    }

    .charactertxt img {
        /*display: none;*/
    }
    #video-arrow{
        position: relative;
        top:10px;
    }

    .firstfooter {
        width: 100%;
    }

    .leftside {
        width: 50% !important;
        padding-left: 5px;
        padding-bottom: 10px;
    }

    .rightside {
        width: 50% !important;
        padding: 0;
        margin: 0;
        float: left;
    }

    .rightside p {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .rightside img {
        text-align: center;
        margin: 10px 0 10px 0;
    }

    .finetxt {
        width: 100% !important;
        clear:left;
        float: right;
    }

    .secondfooter {
        width: 100% !important;
        margin: 0;
        padding: 0 0 0 20px;
    }

    .right a {
        font-size: 20px;
        margin: 0;
        padding: 0;
    }

    .right p {
        width: 100%;
        margin: 0;
        padding: 0 0 30px 0;
        font-size: 10px;
    }

    .socialmobile {
        display: inline-block;
        width: 100% !important;
        margin: 0;
        padding: 0 0 20px 0;
        text-align: center;
    }

    .social {
        display: none;
    }

    }

    @media only screen and (min-width:1151px) and (max-width: 1250px)  {

    .info-mobile p {
        font-size: 15px;
        padding: 0;
        margin: 0;
        line-height: 20px;
    }

    .giacomo {
        margin: -20px 0 0 0;
        padding: o;
    }

    .packages {
        padding: 10px 0 0 0;
    }

    .pricing {
        padding: 0 0 20px 0 !important;
        margin: 0 !important;
    }

    .bio{
        left: 3%;
        position: relative;
    }

    .design h1,
    .design p{
        margin-left:-65px;
    }

    .characters {
        margin: 0px 0 0 0;
        padding: 0;
    }

    .social {
        padding: 0;
        margin: 0;
    }
    #video-arrow{
        position: relative;
        top:10px;
    }

    }

    @media only screen and (min-width:1151px) and (max-width: 1295px)  {
        .venue{
            margin-top:15px;
        }
    }
    @media only screen and (min-width:1151px) and (max-width: 1350px)  {
        .no-headshot{
            margin-left:-385px;
        }
    }

    @media only screen and (min-width:1251px) and (max-width: 1430px)  {

    .giacomo p {
        font-size: 12px;
    }

    .name {
        font-size: 17px !important;
    }

    .packages {
        padding: 15px 0 0 0;
        /*margin:0!important;*/
    }

    .pricing {
        margin: 0 0 25px 0 !important;
        padding: 0 !important;
    }

    .characters {
        margin: -40px 0 0 0;
        padding: 0;
    }



    .social {
        padding: 0;
        margin: 0;
    }

    }