@import url(https://fonts.googleapis.com/css?family=Roboto:500,400,300,100);
@media all {
*{
	/* Universal reset: */
	margin:0;
	padding:0;
  border:none;
}

#underconstructionbanner{
    position:fixed;
    left:0;
    top:0;
/*     z-index:100; */
    display:none;
}

header,footer,section,logo,nav,figure, .article {
	/* Giving a display value to the HTML5 rendered elements: */
	display:block;
}

.mobileMenuEntry {flex:0;}

.umphTransition { transition:cubic-bezier(.01,.56,.05,.99) 0.2s;}

body {
    font-size:100%;
    font-family: "Roboto", "Helvetica", "Verdana";
    font-weight:300;
		background: #f1f1f1;
}

#maincontent{
    background: white;
    margin: 0 auto;
    text-align:center;
    font-family: "Roboto", "Helvetica", "Verdana";
    color: black;
    font-weight:300;
    font-size: 1em;
}

h1 {
    /* font-weight:400; */
    /* color:black; */
    /* padding-bottom:0.5em; */
    /* text-align: center; */
    /* font-size:; */
		/* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); */
		color:white;
		font-family:roboto;
		font-weight:200;
		font-size:4em;
		padding:30px 0;
		background: url('http://atcjet.net/img/red.png') center center no-repeat;
		margin:0 auto 15px auto;width:100%;
		background-color:none;
		text-align:center;
}

.article {
    !padding:0 0 1em 0;
}

.article h2 {
    font-weight:400;
    color:black;
    margin-top:0.5em;
}

.article h3{
        font-family: "Roboto", "Helvetica", "Verdana";
        font-weight:700;
        color:black;
        padding:1em;
}

.article p{
    font-family: "Roboto", "Helvetica", "Verdana";
    font-weight:300;
    color:black;
    padding:0 1em 1em 1em;
    line-height:1.5em;
    text-align: left;
}

.article li{
    font-family: "Roboto", "Helvetica", "Verdana";
    font-weight:300;
    color:black;
    padding-right:1em;
    !padding-bottom:1em;
    text-align: left;
    list-style: initial;
    margin-left: 4em;
    line-height:1.5em;
    text-decoration: initial;
}

b{
    font-weight:500;
}

.materialShadow {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}

.padme {
    margin:15px;
}
.package {
    padding-right:5px;
}
.packageMiniContainer {
    max-width:600px;
    margin:0 auto;
    display:flex;
    flex-flow:row wrap;
}
.packageMini {
    flex:1 150px;
    background:#7B0025;
    border-radius:5px;
    box-shadow:3px 3px 5px gray;
    height:50px;
    margin:10px;
    transition:0.2s;
}
.packageMini:hover {
    box-shadow:0 0 0;
    font-weight:500;
    transform:scale(1.2);
    transition:0.2s;
}
.packageMini a{
    font-size:1.2em;
    text-align:center;
    line-height:50px;
    color:white;
}
.tutorial_image {
    margin:15px;
    width:300px;
    border-radius:5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);;
}
.arrow_image {
    margin:256px 0;
    height:64px;
    width:64px;
    vertical-align: center;
}

.moreinfobox{
    overflow:auto;
    color:white;
}

.articleContainer {
    display:flex;
    flex-flow:row wrap;
    margin:15px;
}
.longListContainer {
    flex:1 320px;
}
.longListItem a{
    color:white;
    }
.longListItem {
    max-width:600px;
    background:#7b0025;
    margin:15px auto;
    padding:15px;
    border-radius:5px;
    box-shadow:3px 3px 15px gray;
}
#FBBackground {
    padding-top:15px;
    margin-right: 15px;
    background:#3B5998;
    border-radius:5px;
    box-shadow:3px 3px 15px gray;
    height:715px;
    max-width:350px;
    margin:0 auto;
/*     overflow:hidden; */
}
#FBContainer {
    flex:1 320px;
    overflow:hidden;
}

#footerclear{
    width:100%;
    bottom:0;
    background: #4A0015 url('http://www.atcjet.net/img/red.png') center center no-repeat;
}
#footer{
    color:white;
    font-family: "Roboto", "Helvetica", "Verdana";
    font-weight:200;
}
#footerColumns {background: none;}
#footerLinks {margin:15px;}
#footerLinks a {text-decoration: none;color: white;padding: 5px;border-radius: 5px;transition: 0.2s;}
#footerLinks a:hover {color: #7b0025;background: white;transition: 0.2s;font-weight:400;}

}
/* Desktop Mode */
@media (min-width:1280px) {
    body{
            overflow-x: hidden;
    }

    #mobileMenu, #mobileMenuButton, #mobileMenuButtonImage {
        display:none;
    }
    #navbarclear{
        position: fixed;
        top:0px;
        background: white;
        width: 100%;
        height: 75px;
        z-index: 4;
        !border-bottom: 3px solid #7B0025;
        box-shadow: 0px 5px 5px #909090;
    }

    #navbar{
        position: relative;
        top:0px;
        max-width: 1280px;
        min-width: 1280px;
        background: white;
        height:75px;
        left:0;
        right:0;
        margin: 0 auto;
        z-index: 5;
    }

    #navbar #logonav:hover {
        background:white;
    }

    #logowide {
        margin:0;
        padding:0;
        float: left;
        margin-top: -1px;
    }

    #navbar .navbutton{
            float: left;
            display: inline;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 19px;
            height:56px;
            background: white;
            transition: 0.2s;
            text-align:center;
    }

    #navbar .navbutton:hover {
            background: #7B0025;
            clear:none;
            transition: 0.2s;
    }

    #navbar .navbutton:hover a{
            color:white;
            font-weight: 700;
            transition: 0.2s;
    }

    #navbar a, #navbar a:visited{
            text-decoration:none;
            color: #7B0025;
            font-family: "Roboto", "Helvetica", "Verdana";
            font-weight:300;
            font-size: 22px;
            transition: 0.2s;
    }

    #navbar a:hover {
            !background:#7B0025;
            color:white;
            !color: #7B0025;
            font-family: "Roboto", "Helvetica", "Verdana";
            font-weight:700;
            transition: 0.2s;
    }

    .navbar_submenu {
        position:fixed;
        left:0;
        top:0;
        width:100%;
        !height:75px;
        height:0px;
        background:#7B0025;
        margin-top:75px;
        !box-shadow: 0px 5px 5px #909090;
        transition: 0.2s;
        overflow:hidden;
        clear:none;
    }

    .navbar_submenu_float {
        height:75px;
        float:right;
        position:relative;
        right:50%;
    }

    #navbar .navbar_submenu a, .navbar_submenu a:visited{
        position:relative;
        left:50%;
        float:left;
        margin:0;
        padding:1em;
        color:white;
        height:75px;
    }

    #navbar .navbar_submenu a:hover{
        font-weight:300;
        color:#7B0025;
        background:white;
    }

    .navbar_submenu:hover {
        height:75px;
    }

    #navbutton_telephone:hover ~ #navbar_submenu_telephone {
        height:75px;
        transition: 0.2s;
    }
    #navbutton_internet:hover ~ #navbar_submenu_internet {
        height:75px;
        transition: 0.2s;
    }
    #navbutton_cable:hover ~ #navbar_submenu_cable {
        height:75px;
        transition: 0.2s;
    }
    #navbutton_support:hover ~ #navbar_submenu_support {
        height:75px;
        transition: 0.2s;
    }
    #navbutton_cloud:hover ~ #navbar_submenu_cloud {
        height:75px;
        transition: 0.2s;
    }
    #navbutton_about:hover ~ #navbar_submenu_about {
        height:75px;
        transition: 0.2s;
    }

    #headbarclear{
        position: relative;
        background: white;
        width: 100%;
        height: 200px;
        z-index: 6;
    }

    #headbar{
        position: relative;
        background: white;
        max-width: 1280px;
        min-width: 1280px;
        height: 200px;
        left:0;
        right:0;
        margin: 0 auto;
        z-index: 7;
    }

    #logolarge{
        height:200px;
        width:300px;
        background: white;
        float: left;
    }

    #logolarge img{
        margin-top: 30px;
        !padding-bottom: 15px;
    }

    #headerlinksgroup{
        height:200px;
        background:white;
        width: 830px;
        float: left;
    }

    #headerlinksgroup1{
            height:100px;
            background:white;
            width: 480px;
            float: left;
    }

    #headerlinksgroup1 li{
        float: left;
        display: inline;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
        padding-bottom: 30px;
        background: white;
            transition: 0.2s ease-out;
    }

    #headerlinksgroup1 li:hover{
            !transform:translate(0, 20px);
            transform:scale(1.2);
            color:black;
            transition: 0.2s ease-out;
    }

    #headerlinksgroup1 a, #headerlinksgroup1 a:visited{
            text-decoration:none;
            color: #909090;
            font-family: "Roboto", "Helvetica", "Verdana";
            font-weight:300;
            font-size: 25px;
            transition: 0.2s ease-out;
    }

    #headerlinksgroup1 a:hover{
            color:black;
            transition: 0.2s ease-out;
    }

    #headerlinksgroup2{
        height:100px;
        background:white;
        width: 350px;
        float: right;
    }

    #headerlinksgroup3{
        height:100px;
        background:white;
        width: 830px;
        clear:both;
        float: bottom;
    }

    #headerlinksgroup3 .floatbutton{
        float: left;
        display: inline;
            padding: 5px 5px;
            margin: 25px 10px;
        background: white;
        font-family: "Roboto", "Helvetica", "Verdana";
            font-weight:300;
        font-size: 22px;
            border-radius: 5px;
            transition: 0.2s;
            text-align:center;
    }

    #headerlinksgroup3 a, #headerlinksgroup3 a:visited{
        text-decoration:none;
        color: #7B0025;
    }
    .dropdown_content_container {
        position:absolute;
        top:160px;
        margin-left:15px;
        background:#7B0025;
        height:0;
        overflow:hidden;
        width:auto;
        border-radius:5px;
        box-shadow: 0px 0px 5px #909090;
        }
    #headerlinksgroup3 .floatbutton:hover {
        font-weight:700;
        !background:#7B0025;
        transition: 0.2s;
        width:same;
    }
    #headerlinksgroup3 .floatbutton:hover ~ .dropdown_content_container{
        height:auto;
    }
    #floatbutton_telephone{
        width:105px;
    }
    #dropdown_telephone {
        left:300px;
    }
    #floatbutton_internet{
        width:80px;
    }
    #dropdown_internet {
        left:432px;
    }
    #floatbutton_cable{
        width:100px;
    }
    #dropdown_cable {
        left:545px;
    }
    #floatbutton_support{
        width:80px;
    }
    #dropdown_support {
        left:790px;
    }
    #floatbutton_cloud{
        width:90px;
    }
    #dropdown_cloud {
        left:690px;
    }
    #floatbutton_about{
        width:120px;
    }
    #dropdown_about {
        left:905px;
    }
    .dropdown_content_container:hover{
        height:auto;
    }

    .dropdown_content {
        margin:5px 0 5px 5px;
        float:left;
        color:white;
        clear:both;
        padding:5px;
        font-size:1.5em;
        font-family: "Roboto", "Helvetica", "Verdana";
        font-weight:300;
        text-decoration:none;
        transition: 0.2s;
        padding-right: 50px;
    }
    .dropdown_content:hover {
        padding-left:20px;
        transition: 0.2s;
        padding-right: 35px;
    }

    #weatherwidget{
        overflow: hidden;
        height:110px;
        width:150px;
        float:left;
        background: white;
        margin-top: 5px;
    }

		#mobileHeader {
			display:none;
		}

		.article {
			margin-top:0;
		}

		#MobileMenuButtonCheckbox {
			display:none;
		}

    #contentclear{
        position: relative;
        clear:both;
        width: 100%;
        !width: 1920px;
        !height: 2000px;
        min-height: 880px;
        !background: #D5D5D5;
        background: #f1f1f1;
        !background: white;
        z-index: 2;
/*         margin-bottom: 320px; */
        /* box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.5); */
    }

    #slideshow{
        !height:500px;
        overflow:hidden;
        background:white;
    }

    #test_container {
        width:250px;
        height:250px;
        background:blue;
        margin-left:50%;
        padding:1em;
    }

    #test {
        position:relative;
    }

    #test > div {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
    }

    #maincontent{
        position: relative;
        max-width: 1280px;
        min-width: 445px;
        !height: 2000px;
        z-index: 3;
        !box-shadow: 0 0 5px black;
        !border-radius:5px;
    }

    .servicebuttons{
        text-align:center;
        display:inline-block;
        margin:0;
        padding:0px;
    }

    .servicebutton{
        width: 250px;
/*         height: 450px; */
        margin: 15px;
        padding:15px;
        overflow:auto;
        float:left;
        background: #7B0025;
        border-radius: 5px;
        transition: 0.2s;
        box-shadow:3px 3px 5px gray;
    }

    .servicebutton:hover{
        transform: scale(1.1);
        transition: 0.2s;
        box-shadow:none;
    }

    .servicebuttons ul{
        display:inline;
        margin:0px;
        padding:0px;
    }

    .servicebuttons li{
        list-style:none;
        margin:0px;
        padding:0px;
    }

    .servicebuttons h3{
        color: white;
        margin:0;
        padding:15px;
    }

    .servicebuttons p{
        color: white;
        padding:0px;
    }

    .servicebuttons img{
        margin:0 auto;
    }

    .customtable {
        max-width:800px;
        margin:0 auto;
        padding: 1em;
        background:#7B0025;
        border-collapse: collapse;
        border-radius: 5px;
        box-shadow: 3px 3px 5px gray;
        margin-bottom: 15px;
    }
    .customtable p, .customtable h3, .customtable li, .customtable a, .customtable {
        color: white;
    }

    .customtable table{
        width:100%;
        overflow:auto;
    }
    .customtable th, .customtable td{
        border:5px solid #7B0025;
    }
    .customtable th:hover, .customtable td:hover{
        background: white;
        color: gray;
    }
    .customtable tr:nth-child(odd){
    /*     background:#4E0017; */
        background:#909090;
    /*     background:#7B7B7B; */
    }
    .customtable th{
        background:#7B0025;
        border-bottom: 1px solid white;
        font-weight:500;
    }
    .customtable th, .customtable td{
        padding: 0.2em;
    }

    .package{
        /* background:#7B0025; */
        background:radial-gradient(ellipse at center, #af0034 20%,#7b0025 100%);;
        color:white;
        margin:1em auto;
        border-radius:5px;
        padding-bottom:1em;
        max-width:600px;
        box-shadow:3px 3px 5px gray;
    }
    .package h3{
        clear:both;
        text-align:center;
        color:white;
        font-size:24px;
        font-weight:400;
    }
    .package ul li{
        color:white;
        padding-right:1em;
    }
    .package p{
        color:white;
    }
    .package a{
        color:white;
        font-decoration:underline;
    }
    .twocol ul{
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
    }
    .packageWide{
        background:#7B0025;
        color:white;
        margin:1em auto;
        border-radius:5px;
        padding-bottom:1em;
        max-width:1200px;
        box-shadow:3px 3px 5px gray;
    }
    .packageWide h2{
        padding-top:15px;
        clear:both;
        text-align:center;
        color:white;
        font-size:24px;
        font-weight:400;
    }

    #footerclear{
        height:320px;
/* Had to nix this because it's causing issues with IE. Everything has problems with IE!!! */
/*         position: fixed; */
/*         z-index: -1; */
    }

    #footer{
        position:relative;
        width: 1280px;
        height:320px;
        z-index: 1;
        margin: 0 auto;
    }

    #footer{
        font-size: 20px;
    }

    #footercolumns {
        padding-top:25px;
    }

    #footercolumns h3{
        font-family: "Roboto";
        font-weight:400;
    }

    #contact_us_footer {
        width:640px;
        height:200px;
        float:left;
    }

    #contact_us_footer h3 {
    width:320px;
    margin-left: 225px
    }

    #contactUsCol1 {
        float:left;
        margin:15px;
    }

    #contactUsCol2 {
        float:left;
        margin-top:15px;
    }

    #atcAddressTable {
        height:200px;
        float:left;
    }

    #atcAddressTable h3 {
        margin-bottom: 15px;
    }

    #facebookIframe {
    height:600px
    }

    #test_again_button {
        color:white;
        font-family:roboto;
        font-weight:300;
        padding:15px;
        background:#7B0025;
        border-radius:5px;
        text-decoration:none;
        transition: 0.4s;
    }

    #test_again_button:hover {
        color:#7B0025;
        font-weight:700;
        background:white;
        box-shadow: 0px 5px 5px #909090;
        transition: 0.4s;
    }

    #footerline{
        width:350px;
        height:50px;
        margin:0 auto;
    }

    #footerLinks {text-align:right;}

}
/* Mobile Styles */
@media (max-width:1279px) {
    img#logolargeimage, #headbarclear, #navbar {
        display:none;
    }
		.article {
			margin-top:58px;
		}
    .article h1 {
        font-size:3em;
    }
    .article h2 {
        background: #7B0025;
        border-radius:5px;
        box-shadow:3px 3px 5px gray;
        padding: 15px;
        margin:15px;
        color:white;
    }
    .servicebuttons {
        display:flex;
        flex-flow:row wrap;
        margin:0;
        padding:0px;
        padding-bottom:10px;
    }

    .servicebutton{
        flex:1 150px;
        margin: 5px;
        background: #7B0025;
        border-radius: 5px;
        box-shadow:3px 3px 5px gray;
    }

    .servicebuttons h3, .servicebuttons p{
        color: white;
        text-align:center;
        margin:0px;
    }

    .package{
        /* background:#7B0025; */
        background:radial-gradient(ellipse at center, #af0034 20%,#7b0025 100%);;
        color:white;
        margin:15px auto;
        max-width:600px;
        border-radius:5px;
        padding-bottom:1em;
/*         max-width:600px; */
        box-shadow:3px 3px 5px gray;
    }
    .package h3{
        clear:both;
        text-align:center;
        color:white;
        font-size:24px;
        font-weight:400;
    }
    .package ul li{
        color:white;
        padding-right:1em;
    }
    .package p{
        color:white;
    }
    .package a{
        color:white;
        font-decoration:underline;
    }

    .customtable {
/*         min-width: 450px; */
/*         max-width:600px; */
        width:auto;
        margin:0 auto;
        padding: 1em;
        background:#7B0025;
        border-collapse: collapse;
/*         border-radius: 5px; */
        box-shadow: 3px 3px 5px gray;
        overflow-x:auto;
        margin-bottom: 15px;
    }
    .customtable p, .customtable h3, .customtable a, .customtable {
        color: white;
    }

    .customtable table{
        width:100%;
    }
    .customtable th, .customtable td{
        border:5px solid #7B0025;
    }
    .customtable th:hover, .customtable td:hover{
        background: white;
        color: gray;
    }
    .customtable tr:nth-child(odd){
    /*     background:#4E0017; */
        background:#909090;
    /*     background:#7B7B7B; */
    }
    .customtable th{
        background:#7B0025;
        border-bottom: 1px solid white;
        font-weight:500;
    }
    .customtable th, .customtable td{
        padding: 0.2em;
    }
    .customtable li{
        color:white;
    }
    #facebookIframe {
    max-width:100%;
    height:600px
    }
		#footerclear {background:none;}
    #footercolumns {
      background: #7b0025 url('http://www.atcjet.net/img/red.png') center center no-repeat;
    }
    #footer {
        text-align:center;
    }
    #contact_us_footer {
        padding-top:10px;
    }
    #footertable {
        margin:10px auto;
        text-align:left;
    }
    #footerline {
        margin-top:10px;
        padding-bottom:5px;
    }

    #footerLinks {text-align:center;}


}
/* Tablet Mode */
/* @media (max-width:1279px) and (min-width: 1024px) { */
@media (none) {

    #maincontent, #footer {
        margin-left:300px;
    }

    #mobileMenuButton, .mobileMenuSubmenuButton {
/*     #mobileMenuButton { */
    opacity: 0;
    position:fixed;
    top:-100px;
    }

    #mobileMenuContainer {
        position:fixed;
        top:0px;
        height:100%;
        width:300px;
        background:#7B0025;
        color:white;
        box-shadow: inset -3px 3px 15px black;
        border-right:1px solid gray;
        z-index:9;
    }
    #mobileMenuContainer a {
        color:white;
        text-decoration:none;
        width:100%;
        display:block;
    }
    #mobileMenuContainer a:hover {
        background:white;
        color:#7B0025;
    }
    #mobileMenu {
        height:100%;
        overflow:auto;
				display:flex;
				flex-direction: column;
    }
/*     input[type=checkbox]:not(:checked) ~ label { */
    input[type=checkbox]:not(:checked) ~ #MobileMenuButtonCheckbox {
        position:fixed;
        left:5px;
        top:5px;
        /* box-shadow: 3px 3px 15px gray; */
        border-radius:5px;
        overflow:hidden;
        width:64px;
        height:64px;
    }
/*     input[type=checkbox]:checked ~ label { */
    input[type=checkbox]:checked ~ #MobileMenuButtonCheckbox {
        position:fixed;
        right:0px;
    }

    #mobileHeader {
        width:100%;
        background:white;
        text-align:center;
        padding-top:5px;
        height:59px;
        overflow:hidden;
    }

    #mobileHeaderImage {
        max-width:100%;
        max-height:100%;
    }

    .mobileMenuEntrySubs {
        border-top:1px solid #4D0018;
    }
    .mobileMenuEntry {
        text-align: center;
        font-size:1.8em;
        line-height:1.5;
    }
    .mobileMenuEntry p{
        display:block;
    }
    .mobileMenuEntry:hover {
        background:white;
        color:#7B0025;
    }
    .mobileMenuEntry input[type=checkbox]:not(:checked) ~ label {
        position:initial;
        box-shadow:none;
    }
    .mobileMenuEntry input[type=checkbox]:checked ~ label {
        position:initial;
    }
    .mobileMenuEntry [type=checkbox]:hover ~ label {
        transform:none;
        transition: 0;
    }
    input[type=checkbox]:not(:checked) ~ .mobileSubmenu {
        display:none;
    }
    input[type=checkbox]:not(:checked) ~ .mobileSubmenu {
        display:show;
    }
    .mobileSubmenu {
        background:#4D0018;
    }
    .twocol ul {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
    }

}
/* Phone Mode */
/* @media (max-width:1023px) { */
/* Sidebar Controls */
@media (max-width:1279px) and (min-width:600px) {
	#mobileMenuContainer {
		position:fixed;
		left:-350px;
		z-index:9;
		top:0px;
		height:100%;
		width:350px;
		color:white;
	}
	#mobileMenu {
		/* display:flex;
		flex-direction: column; */
		height:100%;
		width:350px;
		overflow:auto;
		background:#4e0018 url('http://www.atcjet.net/img/redb.png') center center no-repeat;
	}
	input[type=checkbox]:checked ~ #mobileMenuContainer{
			box-shadow:1px 0px 10px #0009;
			transform: translate(350px, 0);
			transition: 0.3s;
	}

}
@media (max-width:599px) {
	#mobileMenuContainer {
		position:fixed;
		left:-100%;
		z-index:9;
		top:0px;
		height:100%;
		width:100%;
		/* background:#7B0025; */
		color:white;
		/* box-shadow:1px 0px 10px #0009; */
	}
	#mobileMenu {
		display:flex;
		flex-direction: column;
		height:100%;
		width:100%;
		overflow:auto;
		background:#7b0025 url('http://www.atcjet.net/img/redb.png') center center no-repeat;
	}
	input[type=checkbox]:checked ~ #mobileMenuContainer{
/*         right:64px; */
			transform: translate(100%, 0);
			transition: 0.3s;
	}

}

@media (max-width:1279px) {

    #mobileMenuButton, .mobileMenuSubmenuButton {
/*     #mobileMenuButton { */
    opacity: 0;
    position:fixed;
    top:-100px;
    }
		#mobileMenuContainer a {
        color:white;
        text-decoration:none;
        width:100%;
        display:block;
    }
		#mobileMenuContainer a:hover {
        background:white;
        color:#7B0025;
    }
    input[type=checkbox]:not(:checked) ~ #mobileMenuContainer{
        transition: 0.3s;
    }
		#MobileMenuButtonCheckbox {
			cursor: pointer;
		}
    input[type=checkbox]:not(:checked) ~ #MobileMenuButtonCheckbox {
        position:fixed;
        left:5px;
        top:0;
        overflow:hidden;
        width:64px;
        height:64px;
        z-index:12;
    }
    input[type=checkbox]:checked ~ #MobileMenuButtonCheckbox {
        position:fixed;
        z-index:12;
				top:0;
				left:5px;
    }

    #mobileHeader {
        width:100%;
        /* background:#7b0025; */
        /* background:linear-gradient(to bottom,  #b30039  0%,#7b0025 100%); */
				/* background:#7b0025 url('http://www.atcjet.net/img/red.png') center center no-repeat; */
				background:#7b0025 url('http://www.atcjet.net/img/redb.png') center center no-repeat;
        text-align:center;
        padding-top:5px;
        overflow:hidden;
				box-shadow:0 2px 5px rgba(0, 0, 0, 0.7);
    }

    #mobileHeaderImage {
        max-width:80%;
        max-height:50px;
    }
    .mobileMenuEntrySubs {
        border-top:1px solid #4D0018;
				cursor:pointer;
				user-select:none;
    }
    .mobileMenuEntry {
        text-align: center;
        font-size:1.8em;
        line-height:1.5;
				cursor:pointer;
				user-select:none;
    }
    .mobileMenuEntry p{
        display:block;
				cursor:pointer;
				user-select:none;
    }
    .mobileMenuEntry:hover {
        background:white;
        color:#7B0025;
    }
    .mobileMenuEntry input[type=checkbox]:not(:checked) ~ label {
        position:initial;
        box-shadow:none;
    }
    .mobileMenuEntry input[type=checkbox]:checked ~ label {
        position:initial;
    }
    .mobileMenuEntry [type=checkbox]:hover ~ label {
        transform:none;
        transition: 0;
    }
    input[type=checkbox]:not(:checked) ~ .mobileSubmenu {
        display:none;
    }
    input[type=checkbox]:not(:checked) ~ .mobileSubmenu {
        display:show;
    }
    .mobileSubmenu {
        background:#4D0018;
    }
    .package {
/*         margin:15px; */
        margin:0 auto;
        max-width:600px;
    }
    .package ul li{
/*         list-style-type:disc; */
        padding:0;
    }
    .twocol {
        max-width:600px;
        margin:15px auto;
    }
}
@media (max-width:1023px) and (min-width:400px) {

    .twocol ul {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
    }
    .twocol li {
        margin:5px 10px;
        list-style-type:none;
    }
}
/* Tiny Phone Mode */
@media (max-width: 399px) {
    input[type=checkbox]:not(:checked) ~ #MobileMenuButtonCheckbox {
        opacity:0.75;
    }
    input[type=checkbox]:checked ~ #MobileMenuButtonCheckbox {
        opacity:1;
    }
    .twocol {
        margin: 15px 0;
    }
    .twocol ul li {
        margin:5px;
        list-style-type:none;
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }
    #FBContainer {
        padding:15px 0;
    }
}
/* NOT Tiny Phone Mode, mostly used for news page */
@media (min-width: 399px) {
    #FBContainer {
        padding:15px 15px 15px 0;
    }
}
/* Make it clear, mobile phones need to scroll to see all pricing options! */
/* <p class="mobileDisclaimer"><em>Scroll to the right to see all pricing options</em></p> */
@media all and (min-width: 650px) {
.mobileDisclaimer {
    display:none;
}
}
@media all and (max-width: 649px) {
.mobileDisclaimer {
    display:show;
    color:white;
    text-align:center;
}
}