html, body { 
	height: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: 'Work Sans', sans-serif;
	font-size: .875rem;
	font-weight: 300;
	line-height: 1.8rem;
	color: #6f6c6a;
	background: #fff;
}
#container {
	width: 70%; 
	margin: 0 auto;
}
/* ========================== HEADER ========================== */
#header {
	position: relative;
	width: 100%;
	margin: 0 auto 5rem;
	height: 15rem;
	white-space: nowrap;
}
#logo-wrapper {
	text-align: center;
	float: left;
	margin: 3rem 2% 3rem 0;
	border: 2px solid #c35131;
	border-radius: 10px;
	padding: .5rem .5rem .25rem;
}
#upload-contact-wrapper {
	width: 55%;
	margin: 1rem 0;
	float: right;
	text-align: right;
	
}
.logo, .logo-line-2, .logo-line-3 {
	display: block;
	font-size: 1.5rem;
	font-weight: 400;
	color: #6f6c6a;
	letter-spacing: .25rem;
}
.logo-line-2 {
	clear: both;
	font-size: 1.3rem;
	letter-spacing: 0;
}
.logo-line-3 {
	clear: both;
	font-size: .7rem;
	letter-spacing: 0;
	border-top: 1px solid #c35131;
}
.nap {
	font-size: 1rem;
	width: 20%;
	float: left;
	text-align: left;
	line-height: 1.2rem;
	padding-top: 4.5rem;
}
.nap a {
	color: #6f6c6a;
}
.phone-city {
	font-size: .858rem;
}
/* ============================ MAIN NAVIGATION ============================ */
ul, li, a {
	padding: 0;
	margin: 0;
	list-style: none;
}
a {
	letter-spacing: 0;
	color: #6aafb4;
	text-decoration: none;
	outline: none;
}
a:hover, a:active, a:focus {
	color: #c35131;
}
nav {
	clear: both;
	width: 100%;
	/*position: absolute;
	left: 0;
	top: 0;*/
	float: left;
	height: auto;
	margin-bottom: 3rem;
}
label[for="menu-toggle"] {  
	display: none;
}
#menu-toggle {
  display: none; /* hide the checkbox */
}
#menu-toggle:checked + #menu {
  display: none;
}
ul#menu {
	border-top: .5px solid #a4a6a5;
}
ul#menu li, .upload-files, .contact {
	display: inline-block;
	float: none;
	width: 16%;
	text-decoration: none;
	list-style-type: none;
	text-align: left;
	line-height: 1.1rem;	
	font-size: .715rem;
	font-weight: 400;
	text-transform: uppercase;
}
.upload-files, .contact {
	width: 25%;
}
.upload-files:before, .contact:before, .upload-files:after, .contact:after {
	content:"\ff62";
	color: #c35131;
	padding: 0 5%;
}
.upload-files:after, .contact:after {
	content:"\ff63";
}
ul#menu li a, .upload-files, .contact {
	color: #6f6c6a;
}
ul#menu li a:hover, ul#menu li a:active, ul#menu li.current-menu-item,
ul#menu li.dangler-prices a:hover, ul#menu li.violator-prices a:hover, ul#menu li.strip-prices a:hover, 
ul#menu li.dangler-prices a:active, ul#menu li.violator-prices a:active, ul#menu li.strip-prices a:active, 
ul#menu li.dangler-prices a:focus, ul#menu li.violator-prices a:focus, ul#menu li.strip-prices a:focus {
	color: #c35131;
}
ul#menu li.dangler-prices a:hover, ul#menu li.violator-prices a:hover, ul#menu li.strip-prices a:hover, 
ul#menu li.dangler-prices a:active, ul#menu li.violator-prices a:active, ul#menu li.strip-prices a:active,
ul#menu li.dangler-prices a:focus, ul#menu li.violator-prices a:focus, ul#menu li.strip-prices a:focus {
	color: #699804;
}
ul#menu li a:hover:before, ul#menu li a:active:before, ul#menu li a:focus:before {
	content: "";
	display: block;
	margin-top: -1.5rem;
	width: 10px;
	padding-top: 0rem;
	border-top: 10px solid #dfa659;
	z-index: 2;
}
.menu-info {
	display: none;
}
/* =================== FONT STYLES ========================== */
h1, h2, h3, h4 {
	color: #6f6c6a;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: .1rem;
}
h1 {
	color: #c35131;
	font-size: 1.5rem;
}
h2 {
	font-size: 1.1rem;
	font-weight: 400;
	margin: 1rem 0 2rem;
}
h3, h4 {
	font-weight: 400;
	font-size: .858rem;
	margin: 1rem 0;
}
h4 {
	font-size: .75rem;
	text-align: left;
}
h4:before, h4:after {
	content: "=";
	color: #c35131;
	padding-right: .5%;
}
h4:after {
	padding-right: 0;
	padding-left: .5%;
}
h3:after, h3.diagram:after {
    content: "";
    display: inline-block;
    width: 10%;
    vertical-align: middle;
	margin-left: 1%;
	border-bottom: .5px solid #c35131;
}
h3.diagram {
	text-align: left;
	margin: 3rem 0;
	clear: both;
}
h3.diagram:before {
	content: "\25A0";
	font-size: 1.2rem;
	color: #dfa659;
	padding-right: 1%;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-italic {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-weight: 300;
	font-style: italic;
}
p {
	margin: 2rem 0;
}
p:last-of-type:after {
	content: "\25A0";
	font-size: 1.2rem;
	color: #dfa659;
	padding-left: .5%;
}
.lowercase {
	text-transform: lowercase;
}
/* =============================== CONTENT ================================ */
.content {
	width: 100%;
	clear: both;
}
.row, .row-center {
	width: 100%;
	text-align: left;
	line-height: 1.5rem;
}
.row-center {
	text-align: center;
	display: block;
	margin-bottom: 4rem;
	overflow: hidden;
}
.clear {
	clear: both;
}
.margin-top-1 {
	margin-top: 1rem;
}
.margin-top-2 {
	margin-top: 2rem;
}
.margin-top-3 {
	margin-top: 3rem;
}
.margin-top-5 {
	margin-top: 5rem;
}
.margin-bottom-1 {
	margin-bottom: 1rem;
}
.margin-bottom-2 {
	margin-bottom: 2rem;
}
.margin-bottom-4 {
	margin-bottom: 4rem;
}
.margin-bottom-6 {
	margin-bottom: 6rem;
}
.margin-left-6 {
	margin-left: 6%;
}
.col-33, .col-33-responsive, .col-50 {
	float: left;
	height: 100%;
	text-align: center;
	width: 33%;
	line-height: 1.5rem;
}
.col-50 {
	width: 50%;
}
.nobr {
	white-space: nowrap;
}
img {
	border-style: none;
	max-width:100%;
	height: auto;
}
img.right {
	float:right;
}
img.channel-strips {
	height: 5rem;
	width: auto;
}
img.size-40, img.size-45, img.size-50, img.size-60, img.size-65, img.size-70, img.size-80, img.size-90 {
	width: 40%;
	height: inherit;
}
img.size-45 {
	width: 45%;
}
img.size-50 {
	width: 50%;
}
img.size-60 {
	width: 60%;
}
img.size-65 {
	width: 65%;
}
img.size-70 {
	width: 70%;
}
img.size-80 {
	width: 80%;
}
img.size-90 {
	width: 90%;
}
/* ================================== HOME ================================== */
.thumbnails {
	float: left;
	height: 14.375rem;
	width: 100%;
	margin: 0 auto 5rem;
	white-space: nowrap;
}
.thumbnails img {
	display: inline-block;
	width: 22.5%;
	object-fit: scale-down;
}
/* =========================== BUTTONS ============================= */
a.button {
	line-height: 1.1rem;	
	font-size: .715rem;
	font-weight: 400;
	text-transform: uppercase;
	text-align: right;
	float: right;
	padding: .5rem 0 .5rem 10%;
	border-top: .05rem solid #a4a6a5;
	border-bottom: .05rem solid #a4a6a5;
}
a.button:hover, a.button:focus, a.button:active {
	color: #c35131;
}
a.button:after {
	content: "\00a0 \00a0 >";
	display: inline-block;
	font-weight: 300;
	font-size: .643rem;
	position: relative;
	top: -.1rem;
}
a.button.download:after {
	content: "\00a0 \00a0 \00a0 v";
}
.upload {
	width: 26%;
	margin-right: 37%;
}
.title, .title-prices {
	display: inline-block;
}
.title-prices {
	color: #5f8906;
}
.back-to-top {
	border: .5px solid #dfa659;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	padding: .5rem;
	position: fixed;
	bottom: 2em;
	right: 20%;
	text-decoration: none;
	color: #dfa659;
	background-color: rgb(255, 255, 255, .5);
	font-size: 1rem;
	text-align: center;
	display: none;
}
.back-to-top:after {
	content: "^";
}
.back-to-top:hover, .back-to-top:active, .back-to-top:focus {    
    border-color: #6aafb4;
	color: #6aafb4;
}
/* ====================================== PRICES TABLE ============================= */
.rate-table {
	color: #6f6c6a;
	width: 75%;
	margin: 0 auto 2rem;
	border-collapse: collapse;
	float: right;
	font-size: .858rem;
	text-transform: capitalize;
	
}
.right {
	margin-right: 0;
}
th, td {
	padding: 1% .75rem;
	font-size: .786rem;
	text-align: right;
	border-bottom: .5px solid #dfa659;
	font-weight: 300;
}
th {
	color: #c35131;
}
caption {
	font-size: .786rem;
	margin-bottom: .5rem;
	color: #6aafb4;
	text-transform: uppercase;
	font-weight: 400;
}
.credit-cards {
	height: auto;
	text-align: center;
	width: 100%;
	margin-top: 2rem;
}
.card {
	width: 5%;
	padding: 0 .5%;
}
/* ============================= FILE PREP =============================== */
.round {
	border-radius: 50%;
	padding: .42857em 1.042%;
	border: .5px solid #c35131;
	width: 1.5625%;
	height: 1.07142rem;
	text-align: center;
	line-height: 1rem;
	margin-right: 1.1rem;
	font-size: .75rem;
}
/* ================================ CONTACT FORM ============================== */
.contact-table, .no-border {
	border-style: none;
	border-collapse: collapse;
}
.contact-table {
	margin: 1.4rem auto;
}
form {
	width: 85%;
	margin: 0 auto;
}
fieldset {
	border: .5px solid #c35131;
	border-radius: 3%;
	margin-bottom: 1.5rem;
}
legend {
	letter-spacing: .15rem;
	padding: 2%;
}
label {
	float: left;
	width: 35%;
	height: 1.4rem;
	text-align: right;
	margin-right: 1%;
	padding: .3rem;
	margin-top: 1rem;
	clear: both;
}
input, textarea {
	width: 53%;
	height: 2rem;
	margin-top: 1rem;
	padding: .75%;
	color: #6f6c6a;
	box-sizing: border-box;
	box-shadow: none;
	outline: none;
	border:none;
	border-bottom: .5px solid #a4a6a5;
	-webkit-appearance: none;
	-moz-appearance: none;
}
textarea {
	margin-top: 2rem;
	overflow: auto;
	width: 80%;
	height: 22rem;
	border: .5px solid #a4a6a5;
	border-radius: 2%;
	margin-left: 10%;
	margin-bottom: 2rem;
}
input:focus {
    border: .5px solid #c35131;
}
::-webkit-input-placeholder {
   	color: #a4a6a5;
	font-weight: 300;
	font-size: .715rem;
	letter-spacing: .05rem;
}
::-moz-placeholder {
   	color: #a4a6a5;
	font-weight: 300;
	font-size: .715rem;
	letter-spacing: .05rem;
}
:-ms-input-placeholder { 
   	color: #a4a6a5;
	font-weight: 300;
	font-size: .715rem;
	letter-spacing: .05rem;
}
:-moz-placeholder {
	opacity: 1;
	color: #a4a6a5;
	font-weight: 300;
	font-size: .715rem;
	letter-spacing: .05rem;
}
:placeholder {
	color: #a4a6a5;
	font-weight: 300;
	font-size: .715rem;
	letter-spacing: .05rem;
}
::placeholder {
	color: #a4a6a5;
	font-weight: 300;
	font-size: .715rem;
	letter-spacing: .05rem;
}
:placeholder-shown {
	font-family: 'Work Sans', sans-serif;
	opacity: 1;
	color: #a4a6a5;
	font-weight: 300;
	font-size: .715rem;
	letter-spacing: .05rem;
}
input:focus::placeholder {
	color: #c35131;
}
input:required:invalid, input:focus:invalid, input:required:valid {
	background: url('assets/contact/invalid.png') no-repeat 98% center;
	background-size: 5%;
	box-shadow: none;
} 
input:required:valid {
	background: url('assets/contact/valid.png') no-repeat 98% center;
}
.submitForm input {
	font-size: .715rem;
	font-weight: 300;
	padding: .35rem;
	border: .5px solid #a4a6a5;
	border-radius: 2%;
	width: 16%;
	float: left;
	margin: 0 42% 1rem;
	text-decoration: none;
	text-align: center;
	letter-spacing: .05rem;
	background-color: #fff;
}
/* ==================================== FOOTER ===================================== */
#footer {
	width: 100%;
	clear: both;
	text-align: center;
	margin: 4rem 0;
	padding-top: 1.5rem;
	font-size: .75rem;
	border-top: 1px solid #c35131;
}
#footer ul {
	width: 100%;
	text-align: left;
	margin-bottom: 3rem;
}
#footer li a {
	color: #6f6c6a;
}
#footer li a:hover, #footer li a:active, #footer li a:focus {
	color: #c35131;
}
/*===================== iPAD (LANDSCAPE) ===========================*/
@media (max-width:64rem) {
body {
	font-size: 1rem;
}
#container {
	width: 92%;
	margin: auto;
}
.back-to-top {
	right: 7%;
	width: 2rem;
	height: 2rem;
	font-size: 1.2rem;
}
.nap {
	line-height: 1.5rem;
}
.phone-city {
	font-size: 1rem;
}
ul#menu li, .upload-files, .contact {
	font-size: .8rem;
}
#footer {
	font-size: 1rem;
}
#footer li a {
	line-height: 1.8rem;
}
h3, h4 {
	font-size: 1rem;
}
caption {
	font-size: 1rem;
}
.rate-table, a.button.download {
	margin-right: 3%;
}
a.button {
	font-size: 1rem;
}
.contact-table td {
	font-size: 1rem;
}
.rate-table td, .rate-table th {
	font-size: .937rem;
}
legend {
	width: 23%;
}
}
/*===================== iPAD (PORTRAIT) ===========================*/
@media (max-width:60rem) {
nav {
	padding: 0;
	margin: 0;
}
label[for="menu-toggle"] {
	display: block;
	float: left;
	cursor: pointer;
	width: 3.33333rem;
	height: 2.25%;
  	margin-left: 3%;
	background: url(assets/global/nav-icon.png) no-repeat 5% center;
	padding-left: 6%;
	font-size: 1rem;
	text-transform: uppercase;
	color: #6f6c6a;
}
#menu-toggle {
  display: none;
}
#menu {
  display: none;
}
#menu-toggle:checked + #menu {
  display: block;
}
ul#menu {
	font-size: 1.5rem;
}
ul#menu li.danglers, ul#menu li.dangler-prices, ul#menu li.violators, ul#menu li.violator-prices, ul#menu li.strips, 
ul#menu li.strip-prices, ul#menu li.contact, ul#menu li.file-prep {
	display: block;
	width: 100%;
	height: 4rem;
	line-height: 1.8rem;
	margin: 0;
	border-bottom: .5px solid #aaa;
	background-image: url(assets/global/shelf-danglers-nav-icon.png);
	background-repeat: no-repeat;
	background-position: 5% center;
	padding-left: 20%;
	padding-top: 1rem;
	text-align: left;
	text-transform: uppercase;
}
ul#menu li.danglers {
	border-top: .5px solid #aaa;
}
ul#menu li.dangler-prices {
	background-image: url(assets/global/shelf-danglers-prices-nav-icon.png);
}
ul#menu li.violators {
	background-image: url(assets/global/aisle-violators-nav-icon.png);
}
ul#menu li.violator-prices {
	background-image:url(assets/global/aisle-violators-prices-nav-icon.png);
}
ul#menu li.strips {
	background-image: url(assets/global/channel-strips-nav-icon.png);
}
ul#menu li.strip-prices {
	background-image: url(assets/global/channel-strips-prices-nav-icon.png);
}
ul#menu li.file-prep {
	background-image: url(assets/global/file-prep-nav-icon.png);
}
ul#menu li.contact {
	background-image:url(assets/global/contact-nav-icon.png);
	margin-bottom: 2rem;
}
ul#menu li a {
	font-weight: 400;
	letter-spacing: .1rem;
	color: #000;
}
.menu-info {
	display: block;
	width: 100%;
	text-transform: lowercase;
	line-height: 1.5rem;
}
.upload-files, .contact {
	width: 40%;
	font-size: .9375rem;
}
.thumbnails img {
	width: 24.3%;
}
h4 {
	font-size: .875rem;
	text-align: center;
}
legend {
	font-size: .9375rem;
	width: 30%;
	text-align: center;
}
#footer {
	font-size: .875rem;
}
#footer ul {
	text-align: center;
}}
/*===================== iPHONE (LANDSCAPE) ===========================*/
@media /*(max-width:43rem)*/ only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
#header {
	margin: 0 auto;
	height: 10rem;
}
#logo-wrapper {
	margin: 3rem 2% 0 1rem;
}
label[for="menu-toggle"] {
	margin-bottom: 1rem;
}
.thumbnails {
	margin: 0 auto;
}
th, td {
	font-size: .875rem;
	border-bottom: 1px solid #dfa659;
}
.card {
	width: 10%;
}}
/*===================== iPHONE (PORTRAIT) ===========================*/
@media (max-width:30em) { 
#header {
	margin: 0 auto;
	height: 10rem;
}
#logo-wrapper {
	margin: 1rem 5% 3rem 2%;
}
.nap {
	padding-top: 1.5rem;
}
.upload-files, .contact {
	clear: both;
	width: 100%;
	float: none;
	font-size: .9375rem;
}
label[for="menu-toggle"] {
	padding-left: 10%;
	margin-bottom: 2rem;
	margin-top: 0 !important;
}
.thumbnails {
	margin-bottom: -5rem;
}
.thumbnails img {
	width: 24%;
}
h1 {
	font-size: 1.3rem;
}
h2 {
	font-size: 1rem;
	margin: 1rem 0;
}
a.button {
	margin-right: 1%;
}
th, td {
	font-size: 1rem;
	border-bottom: 1px solid #dfa659;
}
.col-33-responsive, .col-50 {
	width: 100%;
}
.card {
	width: 12%;
}
.rate-table {
	margin: 0 auto 2rem;
	float: none;	
}
form {
	width: 100%;
}
legend {
	width: 60%;
}
input, textarea {
	width: 60%;
	height: 2.5rem;
}
textarea {
	margin-top: 2rem;
	width: 90%;
	height: 22rem;
	border: .5px solid #a4a6a5;
	border-radius: 2%;
	margin-left: 5%;
	margin-bottom: 2rem;
}
input:required:invalid, input:focus:invalid, input:required:valid {
	background: url('assets/contact/invalid.png') no-repeat 98% center;
	background-size: 8%;
} 
}