/*
	
	
	Blue #245497
	Grey #b5b6b8
	
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
	@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
/*---------------------------------
	OVERRIDES
-----------------------------------*/
/*#content { -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; }*/
 @keyframes fadein { from {
opacity: .0;
}
to { opacity: 1; }
}
@-moz-keyframes fadein { from {
opacity: 0;
}
to { opacity: 1; }
}
@-webkit-keyframes fadein { from {
opacity: .0;
}
to { opacity: 1; }
}
@-ms-keyframes fadein { from {
opacity: 0;
}
to { opacity: 1; }
}
@-o-keyframes fadein { from {
opacity: 0;
}
to { opacity: 1; }
}
/*---------------------------------
	LAYOUT
-----------------------------------*/
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; position: relative; display: table; background: #fff; /*overflow-y: hidden; */ overflow: overlay; }
body { margin: 0; padding: 0; color: #000; font: normal 16px/150% 'Didact Gothic', 'Myriad Pro', arial, verdana, sans-serif; text-shadow: 0px 0px 1px transparent; overflow: overlay; }
#wrapper { overflow-x: hidden; }
header div.grid { background: rgba(255,255,255,0.8); position: relative; }
html.ie8 header div.grid, html.ie8 #mainContent { background: #fff; }
footer {/* position: absolute; */ width: 100%; left: 0; bottom: 0; min-height: 12em; padding: 1em; background: #222; color: #fff; float: left; overflow-y: hidden }
footer * { text-decoration: none; }
#privacyNotice { position: fixed; bottom: 0; width: 100%; z-index: 9999990210; padding: 1em; color: #fff; font-size: 1.1em; background: #4a4a4c; text-align: left; }
.privacyNotice { width: 70%; margin-left: 10%; position: relative; }
.privacyNotice a { color: #fff; text-decoration: underline; }
.privacyNotice span { /* right: calc(5px + 0.5vw); */ top: -2px; z-index: 99; position: absolute; }
.policyClose:hover, .privacyNotice a:hover { color: #1BA3DB; }
.policyClose { font-size: 1.5em; cursor: pointer; position: absolute; right: -1rem; top: 4px; }
.classPrivate { background: #cacaff; font-weight: bold; }
.classPrivate:after { content: "PRIVATE"; display: block; font-size: 11px; text-align: center; }
#phoneapp { position: absolute; right: 3em; margin-top: -10em; }
#logoBlock { text-align: center; vertical-align: middle; margin-top: 35px; }
#logo { display: inline-block; }
#navlogo { height: 45px; vertical-align: middle; opacity: 0; }
#ServSafeProctorLogo { max-width: 150px; margin-top: -5px; margin-bottom: -5px; }
#ssLogo { text-align: center; display: inline-block; vertical-align: middle; }
#ssLogo, #logoBlock, #tagline {/*float:none;*/ display: inline-block; }
/*#logoBlock {float:left; display:inline-block;}*/
#topBar { background: #333; color: #fff; padding: 0 .5em; width: 100%; float: left;/* overflow-x: hidden;*/ position: relative; z-index: 99998; }
#topBar > div.column { margin-top: 0; margin-bottom: 0; }
#theClasses .column:nth-child(4n+4) { clear: left; }
#tagline span { font-size: smaller; color: #245497; }
header { }
#head_nav { background: #245497; position: relative; z-index: 9998; }
.mastPhoto, .mastPhotoWrap { /*border-bottom: 6px #245497 solid;*/ width: 100vw; height: calc( 100vw * .30);
}
#tagline { color: #444; Font-size: 1.6em; display: inline-block; margin: 34px 0 05px 0px; font-weight: bold }
#phoneTag { position: relative; color: #fff; right: 0; top: 0em; font-size: 1.0em; text-align: right; padding: .75em 0em .25em; vertical-align: middle !important;  /* border-radius: 4px; background : rgba(0, 83, 155, .2)*/ }
#phoneTag a { text-decoration: none; color: #fff; }
#phoneTag span:first-child { display: inline-block; margin-right: 1em; }
#middle { overflow-x: hidden; overflow-y: hidden; padding-bottom: 18px; }
.fixedMenu { position: fixed!important; top: 0; z-index: 999; width: 100%; }
#mainContent { xoverflow: overlay; width: 100%; }
#content { background: transparent; padding: .5em 2em 2em; min-height: 32em; }
body.Home #content { padding: 0em 2em 2em; }
#sidenav { position: relative; margin: 2em 0 }
#leftcolumn[class*="col_"], #content[class*="col_"] { margin: 0; }
#leftcolumn {/* padding: 1em 0 1em 0*/ margin-bottom: -2em!important; }
#content[class*="col_10"] { width: 85%; }
#content[class*="col_12"] { width: 100%; }
#sidenav ul li a, a.button.redButton, #sidenav ul li a.button.orangeButton, a.button.orangeButton { padding: 1em .5em; text-shadow: none; border: none; font-size: 1.05em; margin: 0 0 3px 0; color: #fff; white-space: normal; width: 100%; display: block; text-decoration: none; border-radius: 2px; }
#sidenav ul li a, a.button.redButton { background: #900; }
#sidenav ul li a.orangeButton, a.button.orangeButton { background: #D97C00; }
#knickname { display: none; }
.flex { display: flex; }
/* Footer Nav  */
#footerTag { font-size: 1.5em; margin: 0 0 1em; }
nav.navLink * { color: #efefef; }
nav.navLink ul { margin: 0; padding: 0; list-style: none; }
nav.navLink ul li { margin: 0; padding: 0; }
nav.navLink ul li a { color: #efefef; display: block; padding: .15em .25em; }
nav.navLink { margin-bottom: 2em; }
.navLink-title { color: #efefef; font-size: 1.4em; margin-bottom: .35em; }
/*.homeredButtons a.button {margin: 4px 0; }*/
#socIcons a { margin: 0 6px 0 0; opacity: .5; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
#socIcons a:hover { opacity: 1.0; -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; }
#affLogos img { max-height: 75px; width: auto; vertical-align: middle; margin: 0 .75em 2em; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#affLogosNoFooter img { max-height: 80px; max-width: 23%; width: auto; vertical-align: middle; margin: 0 .75em 2em; }
#SSLogos { padding: 24px; background: #FFF; color: #666; }
#SSLogos img { max-height: 70px; width: auto; vertical-align: middle; padding: 0 1.85em; margin: 1.5em 0em 1.5em 0em; }
#SSLogos img:first-child { border-right: 1px solid #666; }
small { display: inline-block; line-height: 110%; }
.copyright, .copyright a { color: #999; font-size: smaller; line-height: 120%; }
.menu li a.current { background: #555; color: #fff; /*box-shadow: inset 0 0 12px #444;*/ }
sup, sub { vertical-align: baseline; position: relative; top: -0.4em; }
#viewCart { position: relative; }
a.lightbox { cursor: -webkit-zoom-in }
.bottom { position: absolute; bottom: 0; }
.centerThemMate { text-align: center; }
.centerThemMate .card1 { float: none; display: inline-block; vertical-align: middle; }
/*.bottom:before { content:""; width: 100%; display: block; height: 1em; }*/
.triangle { position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 60px; border-top-width: 0px; border-left: 66px solid black; }
.triangle.red { border-left: 66px solid #b80202; }
.triangle span { position: absolute; left: 0; color: #fff; left: -60px; top: 8px; font-weight: bold; transform: rotate(-45deg); }
#RAMPLogo { height: 100px; width: auto; vertical-align: middle; margin: 0 1em; }
/*---------------------------------
	HEADINGS
-----------------------------------*/
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", arial, verdana, sans-serif; font-weight: normal; line-height: 1.2em; }
h1 { font-size: 2.5em; margin: 10px 0 10px 0; }
h1.slogan { font-weight: normal; margin: 0 0 .5em 0; color: #245497; }
h2 { font-size: 2.0em; margin: 10px 0 10px 0; }
h3 { font-size: 1.75em; margin: 10px 0 10px 0; line-height: 130%; }
#articles h3 { font-size: 1.5em; line-height: 130%; margin: 1.2em 0 0 0; }
h1 + H3 { margin-top: -0.5em; }
h4 { font-size: 1.5em; margin: 10px 0 10px 0; }
h5 { font-size: 1.3em; margin: 10px 0 10px 0; }
h6 { font-size: 1.1em; margin: 10px 0 5px 0; }
ul ul ul li { list-style: upper-roman; }
ul ul li { list-style: lower-alpha; }
#statusAlert { background: #900; /*background: #255397*/ ; font-size: 1.1em; color: #fff; text-align: center; padding: .45em 2em; position: relative; z-index: 1; }
#statusAlert a { color: #fff; text-decoration: none; }
#statusAlert a:hover { color: #fff; text-decoration: underline; }
form.fullInputs input[type="text"], form.fullInputs input[type="email"], form.fullInputs input[type="tel"] { width: 100%!important; max-width: 100%; }
ul.alt2 a { color: #333; text-decoration: none; display: inline-block; padding: 5px 0; width: 100%; }
.jobLocation { margin-top: -1.8em; font-size: 1.3em; }
/* MISC OBJ */
.flex .column p:last-of-type { padding-bottom: 4em; }
.centervideo { margin: 0 auto; float: none; }
video { min-height: 200px; }
.box { padding: 16px; border-radius: 12px; border: 4px solid #999; box-shadow: 0 0 8px #999; }
.box2 { padding: 12px; border-radius: 12px; border: 1px solid #999; }
.halo { box-shadow: 0 0 8px rgba(0,0,0,.9) }
.halo2 { box-shadow: 0 0 16px rgba(0,0,0,.8) }
.border { border: 1px solid #000; }
.border2 { border: 10px solid #fff; }
div.classButtons > a.button.red { margin: .5em; }
.scrollTo { cursor: pointer; opacity: .5; }
.scrollTo:hover { opacity: 1; }
.clickme { position: fixed; z-index: 20; bottom: 260px; right: 10px; display: none; opacity: .5; }
.clickme:hover { opacity: 1 }
#arrowup { width: 32px; }
/* transition  */
.scrollTo, .clickme { transition: all 0.5s ease; }
.roundbox { padding: 1em; border-radius: 1em; border: 1px solid #999; box-shadow: 0 0 16px #999; background: rgba(36, 84, 151, .1); }
/* other  */
.orangeText { color: #FC0; }
.greenText { color: #060; }
[class^="icon-"], [class*=" icon-"] {
vertical-align:middle;
}
.bold { font-weight: bold; }
.bigText { font-size: x-large; line-height: 120%; }
.largeText { font-size: 2.6em; }
.largerText { font-size: larger; }
.small { font-size: .8em; line-height: 1rem; }
img.footerlogo { max-width: 50%; height: auto; vertical-align: middle; margin: 0 1em 1em 0; }
.buynow { padding: .55em 1em; border-radius: .5em; color: #fff; background: #245497; margin-top: 1em; text-align: center; height: 8em; position: relative; }
.buynow form { vertical-align: middle; padding: .25em 0; position: absolute; width: 100%; left: 0; bottom: 6px; }
/*.buynow:nth-child(2):before{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.buynow:nth-child(2n+1){  clear:left}
*/
/*.buynow input[type="image"] {position: absolute; bottom: 6px; display:inline-block; align-text:center;}*/
#message .buynow form { vertical-align: middle; padding: .25em 0; }
.buynow span { display: inline-block; padding: .25em 0; font-size: 1.0em; }
#message .buynow span { float: none; display: block; padding: .25em 0; font-size: 1.0em; }
.buynow:hover { box-shadow: 0 0 1em #333; }
.onlyone { float: none; margin: 0 auto; }
.transition, .buynow, .buynow2 { transition: all .5s ease; }
#theClasses .row:nth-child(even) h3 { }
#theClasses div.cities div.col_6:nth-child(odd) { clear: left; }
.filters { text-align: center; }
.filters button { margin: .25em; }
ul.alt a { text-decoration: none; color: #333; }
ul.alt a:hover {/*text-decoration:underline; */ color: #245497; }
.cities img { vertical-align: middle; }
#theClasses h3 { margin: 0; padding: .5em .25em; }
#theClasses hr { margin: 0; }
.thestate, .thecity { cursor: pointer; }
.thestate:hover { background: #efefef; }
.citygroup { cursor: default; min-height: 236px; }
.citygroup:nth-child(4n +1) { clear: left; }
.citygroup b, #getLocation b, b, .redText { color: tomato; line-height: 1em; }
#getLocation b:after { content: " - "; color: #000; }
#getLocation br {
width:0 height:0; float: left; display: none; }
#getLocation label { width: 100%; }
.thedates { display: none }
.theCdate { display: none; }
#theDates label { line-height: 80%; }
#theDates small { display: inline-block; text-align: center; width: 100%; }
#theDates .col_4 { height: 1.8em; }
.classDates { display: inline-block; height: 5em; border: 1px solid #333; border-radius: 6px; padding: 6px; line-height: 1em; min-width: 80px; }
.bar { background: #333!important; color: #fff; padding: 5px .55em; }
h5.bar { background: #333!important; color: #fff; padding: .50em .25em; }
.highlightit { background: #FF0; }
#mainMenu { max-width: 100%; display: inline-block; }
.mainMenu { max-width: 100%; width: 100%; display: inline-block; }
.theCdate { line-height: 1em }
X.theCdate:nth-child(3n +0) { clear: left; }
/*.blackBG, .bgBlack { background: #333; color: #fff; }*/
.bgBlue, .blackBG, .bgBlack { background: #245497; color: #fff; padding: .25em 0; }
.bgBlue, .breakoutNoMarg.blackBG, .bgBlack { background: #245497; color: #fff; padding: .25em 0; }
.bgGrey { background: #efefef; }
.bgGreen { background: #6da600; color: #fff; padding: .25em 0; }
.blackBar { background: #000; color: #fff; padding: 10px 12px; font-weight: bold; }
#statusAlert.Blue { background: #245497; }
#statusAlert.Red { background: #900; }
#statusAlert.Black { background: #000; }
.buynow2 { margin-bottom: 1em; height: 200px; background: #efefef; padding-bottom: 1.25em; position: relative; }
#groupPay .buynow2:nth-child(odd) {/* clear: left;*/ opacity: 1; position: relative; }
.buynow2:hover { box-shadow: 0 0 1em rgba(0,0,0,.5); }
.buynow2 .blackBar span {/*padding-left: 2em; */ color: #FC0; position: absolute; right: 10px; }
.buynow2 p, .buynow2 form { padding: 0 12px; }
.buynow2 form { position: absolute; bottom: 10px; left: 10px; }
.haccpLogos { margin: 1em 0; text-align: center; vertical-align: middle; }
.haccpLogos img { margin: 0 1em; vertical-align: middle; max-height: 130px; width: auto; }
#NHLRAlogo {/*max-width: 200px;*/ margin-right: 1em; vertical-align: middle; }
.popupFPMC { padding: 2em; text-align: center; }
/*form *[class*="col_"] { margin-top: 0;  }*/

#FPMCoptions { }
#FPMCoptions input[type="radio"] { float: left; display: block; margin-top: 6px; }
#FPMCoptions label { margin-left: 30px; line-height: 120%; margin-bottom: 8px; display: block; }
#FPMCoptions label .orangeText { color: #000; font-weight: 700; }
#faqs p { margin-left: 10%; }
#faqs p:nth-child(odd) { margin-bottom: 1.5em }
.breakout {
margin: 2em calc(50% - (50vw - 0px)); overflow: overlay; }
.breakoutNoMarg {
margin: 0em calc(50% - (50vw - 0px)); overflow: overlay; }
body.firefox .breakoutNoMarg { overflow: hidden; }
;
.breakoutNoMarg > .grid { padding: 0 1.5em }
.padV1 { padding: 1em 0; }
.padH { padding-left: 8%; padding-right: 8%; }
.padL { padding-left: 8%; }
.bigPad { padding: 5% 10% }
.padBottom { padding-bottom: 1.5em; }
.marginTop { }
.negMarginBottom { margin-bottom: -2em; }
#articles_home { display: flex; text-align: left; }
.card { background: #efefef; border-radius: 4px; box-shadow: 0 0 4px 0 rgba(0,0,0,.2); text-align: center; padding: 1em; height: auto; position: relative; }
.card h3 { font-size: 1.4em; height: 4em; display: flex; align-items: center; justify-content: center; }
.card1 { background: #efefef; border-radius: 4px; box-shadow: 0 0 4px 0 rgba(0,0,0,.2); text-align: center; padding: 1em; min-heightheight: 18em; position: relative; }
.card1 p { padding: 0 1.0em; color: #777; }
.card1 h3 { font-size: 1.4em; }
.card1 .actionButton { position: absolute; bottom: 20px; left: 0; width: 100%; }
.card2 {
background: rgba(0,0,0,.5) border-radius: 4px; text-align: center; padding: 2.5em 0; min-height: 18em; position: relative; border-right: 1px solid #ccc; margin: 0; width: 33.33333% }
.card2 p { margin: 2em 3em; font-size: 1.1em; }
.card2 h3 { font-size: 1.6em; }
.card2 .actionButton { position: absolute; bottom: 20px; width: 100%; }
.card2 .actionButton a { margin: 0 auto; display: inline-block; }
.card_h25 { height: 25em; }
.card_h15 { height: 15em; }
.flex-container { width: 100%; min-height: 350px; margin: 0 auto; display: -webkit-flex; display: flex; }
.flex-container.h300 { min-height: 300px; }
.flex-container.h250 { min-height: 250px; }
.flex-container .card1 { -webkit-flex: 1; flex: 1; }
.photoBGone { background: url(/assets/images/bgs/food-prep.jpg) center center fixed; background-size: cover }
.photoBGtwo { background: url(/assets/images/bgs/Saute.jpg) center center fixed; background-size: cover }
div.multiColumn { padding: 1em 0 0 0; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
div.multiColumn4 { padding: 1em 0 0 0; -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; text-align: center; }
.multiColumn li, .multiColumn4 li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
.multiColumn4 ul { list-style: none; }
.multiColumn4 a { text-decoration: none; color: #036; font-size: 1.2em; }
/* NAV BAR*/
.navbar { position: fixed; top: 0; left: 0; width: 100%; background: #000; color: #fff; z-index: 1000; }
.navbar #logo { position: absolute; top: 0; right: 0; padding: 0.5em 1em; font-size: 1.7em; color: #efefef; text-decoration: none; }
.navbar span { color: #86dc00; }
.navbar ul { display: inline-block; margin: 0; padding: 0; }
.navbar li { margin: 0; padding: 0; list-style-type: 0; display: inline-block; }
.navbar li a { display: inline-block; color: #efefef; padding: 1em 1.3em; text-decoration: none; text-transform: uppercase; line-height: 100%; font-size: 1.2em; }
nav li { padding: 0; margin: 0; list-style: none; }
nav li a { color: #000; font-size: 1.1em; display: block; padding: 4px 4px 4px 4px; margin-bottom: 1px; text-decoration: none; }
nav li a:hover { color: blue; }
.callout { background: #245497;/*#86dc00;*/ color: #fff; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2); text-align: center; text-shadow: 0px 1px 3px rgba(0,0,0,0.2); display: block; font-size: 120%; padding: 1.25em; }
.callout + div.grid { margin-top: 50px; }
a.callout { cursor: pointer; }
.callout i.icon-4x { font-size: 6em; }
.callout h4 { margin-bottom: 30px; }
.callout a { color: #fff; }
.callout-top { margin: 50px 0 0 0; }
.callout p { margin-bottom: 0; }
.callout .button { margin-top: 10px; }
.callout.red { background: #900; font-size: 1.3em; margin: 0; text-shadow: 0 -1px 0 #B21203; color: #fff; border: 1px solid #B21203; background: rgb(229,60,22); background: -moz-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229,60,22,1)), color-stop(100%, rgba(207,4,4,1))); background: -webkit-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); background: -o-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); background: linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53c16', endColorstr='#cf0404', GradientType=0 );
}
.callout.green { background: #19ad0b;/*#86dc00;*/ }
.callout.black { background: #000; }
a.pager { display: inline-block; padding: 2px 8px; background: #333; color: #fff; text-decoration: none; margin: 4px; }
a.pager.thisPage { color: #FC0; cursor: not-allowed; background: rgba(51,51,51,.5); }
.hide, a.button.hide { display: none; }
.flexcols { display: flex; flex-wrap: wrap; }
 @media all and (min-width: 800px) {
a[href^="tel"] { color: #000; text-decoration: none; cursor: text; }
.mcneillyLogo { padding: 3.15em 0; }
}
 @media all and (min-width: 925px) and (max-width: 1280px) {
header { padding: 0 0%; }
#head_nav { text-align: center; }
.menu li a { padding: 15px 6px; text-align: left; }
.menu li ul li a { padding: 10px 6px; }
.buynow { height: 10em; }
/*.card1 { height: 24em; }*/
.card_h25 { height: 25em; }
.card1 p { padding: 0 0.5em; color: #777; }
#topBar .col_6.column { text-align: left; padding-bottom: 0; margin-bottom: 0px; }
#topBar .col_6.column.right { text-align: right; padding-bottom: 0; margin-bottom: 0px; }
.flex-container { min-height: 400px; }
}
 @media all and (max-width: 1024px) {
.citygroup:nth-child(4n +1) { clear: none; }
.citygroup:nth-child(3n +1) { clear: left; }
.bigPad { padding: 2% 10% }
.flex-container { min-height: 400px; }
}
 @media all and (min-width: 768px) and (max-width: 1024px) {
header { padding: 0%; }
.menu li q { text-align: center; }
.menu li ul li a { padding: 10px 10px; }
.classDates.col_2 { float: left; clear: none; width: 23%; }
.citygroup { width: 31%; }
footer { position: relative; width: 100%; left: 0; bottom: 0em; }
/*.card1 { height: 23em; }*/
.card1 p { padding: 0 0.25em; color: #777; }
#tagline { margin: 25px 0 05px 0px; }
.mastPhoto { min-height: calc( 100% * .33);
}
.buynow2 .blackBar span {/*padding-left: 2em; */ display: block; color: #FC0; position: relative; left: 0px; }
.buynow2 { height: 235px; }
}
 @media all and (max-width: 768px) {
#affLogosNoFooter img { max-height: inherit; max-width: 42%; width: auto; vertical-align: middle; margin: 0 .75em 2em; }
#mainMenu { width: 90%; margin: 0; }
#mainContent { margin-bottom: 0px; }
footer, footer .right { text-align: center; }
#header { margin-top: 0; }
#phoneTag { position: relative; top: 0; left: 0; background: #00529b; border-radius: 0; color: #fff; padding: .45em 0; text-align: center; font-size: 1.2em; font-weight: bold; }
#phoneTag a { color: #fff; }
#phoneTag span, #phoneTag span:first-child { display: block; margin: 6px 0; }
#phoneapp { position: absolute; right: 3em; }
footer { position: relative; width: 100%; left: 0; bottom: 0; }
.flex-container { min-height: 400px; }
}
 @media all and (min-width: 480px) and (max-width: 768px) {
header { text-align: center; }
.menu a { padding: 18px 10px; font-size: 1.2em; text-align: center; }
#tagline { margin: 1em 0; line-height: 110%; }
.col_2.classDates { float: left; clear: none; max-width: 33%; }
.col_3.citygroup { width: 42%; float: left; clear: none; }
}
 @media all and (min-width: 601px) {
a.phone { color: #111; text-decoration: none; cursor: text; }
}
 @media all and (max-width: 769px) {
.flexcols { display: block; }
body { overflow-x: hidden; }
a.button { font-size: 1.3em; }
a [class^="icon-"].hide-phone, .hide-phone, #topBarMenu { display: none; }
html, body { display: block; }
header { text-align: center; }
#topBar { padding: 0; margin: 57px 0 0; }
.bigPad { padding: 2%; }
#phoneTag { background: none; text-align: center; width: 100% }
#phoneTag .col_6 { background: none; text-align: center; width: 100% }
.menu li a { padding: 18px 10px 18px; font-size: 1.5em; text-align: center }
.menu li.menu-toggle a { padding: 15px 10px 15px; font-size: 1.5em; text-align: center }
.menu li ul li a { padding: 20px 10px; font-size: 1.2em; text-align: center }
#mainMenu { width: 100%; margin: 0; }
#tagline { margin: .2em 0 1em; line-height: 110%; }
li.menu-toggle a { background: #333; color: #fff; }
.menu li.menu-toggle a:hover, .menu li.hover>a { background: #000; }
footer * { text-align: center; }
footer { /*position: absolute;bottom: -10em; */ width: 100%; left: 0; padding-bottom: 126px; }
#mainContent { /*margin-bottom: 540px;*/ border-top: 12px solid black; padding-top: 0px !important; }
#content { background: #fff; padding: 2em 0em; min-height: 32em; }
#content p { margin-left: 1em; margin-right: 1em; box-sizing: border-box; }
#phoneapp { position: relative; right: .1em; margin-top: 2em; }
#head_nav, .fixedMenu { position: absolute; top: 0; z-index: 9999999; width: 100%; xxxheight: 90vh; }
form { max-width: 100%; }
input[type="file"] { width: 100%; }
input[type="file"]:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 }
.mylivechat_inline { bottom: 48px !important; }
#leftcolumn { padding: .55em; max-width: 100%; }
.classDates { text-align: center; }
binks, .navlogo, .mylivechat_bubble { display: none!important; }
.buynow { height: auto; border-radius: 0; }
.buynow form { position: relative; margin: 20px 0 12px; }
.buynow2 .blackBar span {/*padding-left: 2em; */ display: block; color: #FC0; position: relative; left: 0px; }
.buynow2 { height: 235px; }
h1, h2, h3 { text-align: center; padding: 0 .25em; }
.padH, .breakoutNoMarg, .breakout, .bigPad { padding-left: 2%; padding-right: 2%; }
.card h3 { font-size: 1.4em; height: auto; display: block; align-items: center; justify-content: center; }
.card1 { height: auto; }
.card1 .actionButton { position: relative; bottom: 0; }
.card2 { border-bottom: 1px solid #fff; }
.breakoutNoMarg > .grid { padding: 0 0.25em; }
option { white-space: normal; }
ul, ol { padding: 0; margin: 0 10px 20px 31px; }
.flex { display: block; }
.bottom { position: relative; padding: 0 0 2em; ; border-bottom: 1px dashed #ccc; margin-bottom: 1.75em; }
.flex .column p:last-of-type { padding-bottom: 0; }
#statusAlert { top: 83px; }
#privacyNotice { position: fixed; z-index: 9999990210; bottom: 47px; width: 100%; padding: 1em; color: #fff; font-size: 1.1em; background: #4a4a4c; text-align: left; }
.privacyNotice { width: 84%; margin-left: 1em; padding-bottom: 28px; position: relative; }
DNU.breakoutNoMarg { padding: 0!important; }
div.multiColumn { padding: 1em 0 0 0; -moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; column-count: 1; column-gap: 0px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
}
 @media all and (max-width: 422px) {
#articles_home { display: block; text-align: left; }
div.multiColumn { padding: 1em 0 0 0; -moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; column-count: 1; column-gap: 0px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
#ServSafeProctorLogo { max-width: 150px; margin-top: -20px; margin-bottom: -20px; }
#logoBlock { margin-top: 15px; }
.flex-container { flex-direction: column; }
}
 @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) {
body {
/*font-size: larger;*/
}
/*.menu li a {
font-size: 130%!important;
}*/
}