@import url(https://fonts.googleapis.com/css?family=Raleway);
h2{vertical-align:center;text-align:center;}
html,body{margin:0;height:100%;}
*{font-family:"Raleway";}
.top-nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#650500;color:#FFF;height:35px;}
.menu{display:flex;flex-direction:row;list-style-type:none;margin:0;padding:0;}
.menu>li{margin:0 1rem;overflow:hidden;}
.menu-button-container{display:none;height:100%;width:30px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;}
#menu-toggle{display:none;}
.menu-button,.menu-button::before,.menu-button::after{display:block;background-color:#fff;position:absolute;height:4px;width:30px;transition:transform 400ms cubic-bezier(.23, 1, .32, 1);border-radius:2px;}
.menu-button::before{content:'';margin-top:-8px;}
.menu-button::after{content:'';margin-top:8px;}
#menu-toggle:checked+.menu-button-container .menu-button::before{margin-top:0;transform:rotate(405deg);}
#menu-toggle:checked+.menu-button-container .menu-button{background:rgba(255, 255, 255, 0);}
#menu-toggle:checked+.menu-button-container .menu-button::after{margin-top:0;transform:rotate(-405deg);}
ul.menu li a{color:White;text-decoration:none;font-weight:bold;}
@media (max-width: 700px){
    .menu-button-container{display:flex;padding:0 10px 0 0;}
    .menu{position:absolute;top:0;margin-top:70px;left:0;flex-direction:column;width:100%;justify-content:center;align-items:center;}
    #menu-toggle~.menu li{height:0;margin:0;padding:0;border:0;transition:height 400ms cubic-bezier(.23, 1, .32, 1);}
    #menu-toggle:checked~.menu li{border-top:1px solid White;background-color:#650500;color:White;height:2.0em;padding:.5em;}
    .menu>li{display:flex;justify-content:left;margin:0;padding:.5em 0;width:100%;color:black;background-color:White;}
    .menu>li:not(:last-child){border-bottom:1px solid #444;}
    #menu-toggle:checked~.menu li a{padding:0 0 0 10px;}
}

.section{clear:both;padding:0;margin:0 auto;max-width: 1200px;}
.group:before,.group:after{content:"";display:table;}
.group:after{clear:both;}
.group{zoom:1;}
.col{display:block;float:left;margin:1% 0 1% 1.6%;}
.col:first-child{margin-left:0;}
.span_2_of_2{width:100%;}
.span_1_of_2{width:49.2%;}
.span_3_of_3{width:100%;}
.span_2_of_3{width:66.13%;}
.span_1_of_3{width:32.26%;}
.span_4_of_4{width:100%;}
.span_3_of_4{width:74.6%;}
.span_2_of_4{width:49.2%;}
.span_1_of_4{width:23.8%;}
@media only screen and (max-width: 480px){
    .col{margin:1% 0 1% 0;}
    .span_2_of_2{width:100%;}
    .span_1_of_2{width:100%;}
    .span_3_of_3{width:100%;}
    .span_2_of_3{width:100%;}
    .span_1_of_3{width:100%;}
    .span_4_of_4{width:100%;}
    .span_3_of_4{width:100%;}
    .span_2_of_4{width:100%;}
    .span_1_of_4{width:100%;}
 }

.logoHeader{width:100%;height:90px;}
.menuHeader{width:1200px;height:50px;background-color:#650500;padding:5px 0 0 0;}
#ticketForm input[type="text"]{width:100%;margin:0 !important;padding:5px 5px !important;border:2px solid Black !important;margin:5px 0 0 0 !important;}
#ticketForm input[type="email"]{width:100%;margin:0 !important;padding:5px 5px !important;border:2px solid Black !important;margin:5px 0 0 0 !important;}
#ticketForm input[type="tel"]{width:100%;margin:0 !important;padding:5px 5px !important;border:2px solid Black !important;margin:5px 0 0 0 !important;}
#ticketForm input[id="name"]{width:100%;margin:0 !important;padding:5px 5px !important;border:2px solid Black !important;margin:5px 0 0 0 !important;}
.redactor-box.redactor-styles-on {border: 1px solid Black !important;}
table tr td .form-header{margin:0 !important;padding:0 0 10px 0 !important;}
.thread-body div, .thread-body p, .thread-body ul, .thread-body ol, .thread-body table, .thread-body dl, .thread-body blockquote, .thread-body pre {font-size:16px !important;line-height:1.6rem !important;}
option{background-color:White !important;color:Black !important;font-family: "Raleway" !important;}

@media only screen and (max-width: 480px){
    #logo {height: 25%;}
    .logoHeader{width:100%;height:25px;}
    .menuHeader{width:100%;height:40px;background-color:#650500;}
    .logoHeader img {width:25%;}
    input[type="submit"]{font-weight:bold !important;background-color:#650500 !important;color:White !important;padding:5px 15px !important;border-radius:5px !important;margin:5px 0 0 0 !important;}
    input[type="submit"]:hover{font-weight:bold !important;background-color:#800000 !important;color:White !important;margin:10px 0 0 0 !important;}
    input[type="reset"]{font-weight:bold !important;background-color:#650500 !important;color:White !important;padding:5px 15px !important;border-radius:5px !important;margin:5px 0 0 0 !important;float:right !important;}
    input[type="reset"]:hover{font-weight:bold !important;background-color:#800000 !important;color:White !important;margin:10px 0 0 0 !important;}
    input[type="button"]{font-weight:bold !important;background-color:#650500 !important;color:White !important;padding:5px 15px !important;border-radius:5px !important;margin:5px 0 0 0 !important;}
    input[type="button"]:hover{font-weight:bold !important;background-color:#800000 !important;color:White !important;margin:5px 0 0 0 !important;}
    #ticketForm input[type="text"]{width:100%;margin:0 !important;padding:5px 5px 5px 0 !important;border:1px solid Black !important;}
    #ticketForm input[type="email"]{width:100%;margin:0 !important;padding:5px 5px 5px 0 !important;border:1px solid Black !important;}
    #ticketForm input[type="tel"]{width:100%;margin:0 !important;padding:5px 5px 5px 0 !important;border:1px solid Black !important;}
    #ticketForm input[id="name"]{width:100%;margin:0 !important;padding:5px 5p 5px 0 !important;border:1px solid Black !important;}
    select{margin:0 !important;}
    .select2-container--default .select2-search--inline .select2-search__field {width:100%;}
    .paddingResponsive{padding:5px 5px !important;}
    #ticketForm div input{padding:10px 15px !important;margin:0 !important;}
    #ticketForm div input.select2-search__field{border:0 !important;width:100%;}
    #ticketForm div li.select2-container--default .select2-selection--multiple .select2-selection__rendered li {width:100% !important;}
    .redactor-box{width:100% !important;border:1px solid Gray;}
    .filedrop{width:100% !important;}
    label {padding: 5px 5px 5px 0 !important;}
    .button{padding: 5px 10px 5px 10px !important;}
    #ticketForm div input .button{padding: 5px 10px 5px 10px !important;}
}

