/* 	MOBILE HOMEPAGE STYLES ONLY /////////////////////////////////////////////////////////////////////////*/
/* 	MOBILE HOMEPAGE STYLES ONLY /////////////////////////////////////////////////////////////////////////*/
/* 	MOBILE HOMEPAGE STYLES ONLY /////////////////////////////////////////////////////////////////////////*/
.maincontent_mobile h1 {
  font-size: 26px;
  margin: 0px 0 2% 0;
  padding: 0px;
}
.maincontent_mobile h2 {
  font-size: 20px;
  margin: 5% 0 0% 0;
  padding: 0px;
}
h1.mobiletravel {
  color: #226077;
  text-align: center;
  margin: 7% 0 6% 0;
}
h2.mobiletravel {
  color: #226077;
  text-align: center;
  margin-top: 6%;
}
h1.mobilebusiness {
  color: #bb6128;
  text-align: center;
  margin-bottom: 6%;
}
h2.mobilebusiness {
  color: #bb6128;
  text-align: center;
  margin-top: 6%;
}
h1.mobilemotor {
  color: #267245;
  text-align: center;
  margin-bottom: 6%;
}
h2.mobilemotor {
  color: #267245;
  text-align: center;
  margin-top: 6%;
}
h2.mobilemotor > a, h2.mobilemotor > a:visited, h2.mobilemotor > a:hover {
  color: #267245;
  font-size: .8em;
  letter-spacing: .03em;
  font-family: sans-serif;
  font-weight: 600;
  text-decoration: none;
}
h2.mobilebusiness > a, h2.mobilebusiness > a:visited, h2.mobilebusiness > a:hover {
  color: #bb6128;
  font-size: .8em;
  letter-spacing: .03em;
  font-family: sans-serif;
  font-weight: 600;
  text-decoration: none;
}
h2.mobiletravel > a, h2.mobiletravel > a:visited, h2.mobiletravel > a:hover {
  color: #226077;
  font-size: .8em;
  letter-spacing: .03em;
  font-family: sans-serif;
  font-weight: 600;
  text-decoration: none;
}
.mobileonly_img {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.mobileonly_img img {
  max-width: 70px;
  max-height: 50px;
}
.mobileonly_text {
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.1em;
  margin: 8px 0 2px;
}
.mobileonly_text > a, .mobileonly_text > a:visited, .mobileonly_text > a:hover {
  color: #333;
  text-decoration: none;
}
.sixbox_text {
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1.1em;
  margin-bottom: 28px;
}
.sixbox_text > a, .sixbox_text > a:visited, .sixbox_text > a:hover {
  color: #fff;
  text-decoration: none;
}
.sevenbox_text {
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1.1em;
  margin: 10px 0;
}
a.emp, a:hover.emp, a:visited.emp {
  color: #333;
}
.sixchar {
  color: #333;
}
.sixgrey {
  color: #ccc
}
#copy {
  font-size: 8px;
  color: #fff;
}
div.center {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* 	END MOBILE HOMEPAGE STYLES ONLY /////////////////////////////////////////////////////////////////////////*/
/* 	END MOBILE HOMEPAGE STYLES ONLY  /////////////////////////////////////////////////////////////////////////*/
/* 	END MOBILE HOMEPAGE STYLES ONLY  /////////////////////////////////////////////////////////////////////////*/
/* lOGIN STYLES /////////////////////////////////////////////////////////////////////////*/
/* END lOGIN STYLES /////////////////////////////////////////////////////////////////////////*/
.widget-floating.widget-floating--state-5[style] {
  margin-bottom: -50px !important;
}
.anchor {
  display: block;
  position: relative;
  top: -210px;
  visibility: hidden;
  margin-top: 28px;
}
.container > div.azletter {
  flex: 1 1 100%;
}
.azletter h2 {
  font-size: 1.6em;
}
hr.az {
  margin-top: 15px;
  margin-bottom: 18px;
  border-top: 1px dashed #e1e0e0;
}
.a2z li {
  list-style: none;
  margin-bottom: 8px;
}
.azLinks {
  display: inline-block;
  height: 100%;
  margin: 0px auto 2% auto;
  padding: 0;
  vertical-align: top;
}
.azLinks li {
  display: inline-block;
  line-height: 10px;
}
.azLinks li a {
  display: block;
  color: #bb6128;
  font-size: 22px;
  font-weight: 700;
  margin: 0 7px;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: top;
  outline: 1px solid #bb6128;
  background-color: #fff;
  padding: 11px 10px 10px 10px;
}
.azLinks li a:hover {
  color: #fff;
  background-color: #244b59;
}
.azLinks ul li {
  padding: 0.3em 0 0 0;
}
.navik-menu ul li > a {
  font-family: sans-serif;
}
.btn {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  align-self: center;
  /*font-size: 1.8rem;*/
  width: 82%;
  margin: 0px;
  padding: .7em .5em .6em .5em;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}
.btn2 {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  align-self: center;
  /*font-size: 1.8rem;*/
  width: 100%;
  margin: 0px;
  padding: .9em .5em .8em .5em;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}
.btn3 {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  align-self: center;
  font-size: 1.8rem;
  width: 100%;
  margin: 0px;
  padding: .6em .3em .5em .3em;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}
.pathsbutton {
  border-color: #254c5a;
  text-align: center;
  letter-spacing: -.5px;
  color: #fff;
  background: #254c5a;
  position: absolute;
  margin: 0px auto;
  bottom: 20px;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
.pathsbutton:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #fff;
  z-index: -1;
  -webkit-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.motorbutton {
  border-color: #1f5d38;
  text-align: center;
  letter-spacing: -.5px;
  color: #1f5d38;
  background: #fff;
  position: absolute;
  margin: 0px auto;
  bottom: 20px;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
.motorbutton:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #1f5d38;
  z-index: -1;
  -webkit-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.travelbutton {
  border-color: #244b59;
  text-align: center;
  letter-spacing: -.5px;
  color: #244b59;
  background: #fff;
  position: absolute;
  bottom: 20px;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
.travelbutton:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #244b59;
  z-index: -1;
  -webkit-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.businessbutton {
  border-color: #B55D26;
  letter-spacing: -.5px;
  text-align: center;
  color: #B55D26;
  background: #fff;
  position: absolute;
  bottom: 20px;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
.businessbutton:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #bb6128;
  z-index: -1;
  -webkit-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.contentbutton {
  border-color: #53565A;
  text-align: center;
  letter-spacing: -.5px;
  color: #fff;
  background: #53565A;
  position: relative;
  margin: 1em auto;
  bottom: 0px;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
.contentbutton:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #fff;
  z-index: -1;
  -webkit-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.alertbutton {
  border-color: #bb6128;
  text-align: center;
  letter-spacing: -.5px;
  color: #fff;
  background: #bb6128;
  position: relative;
  margin: 0em auto;
  bottom: 0px;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
.alertbutton:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #fff;
  z-index: -1;
  -webkit-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.motorbutton:hover {
  color: #fff;
}
.travelbutton:hover {
  color: #fff;
}
.businessbutton:hover {
  color: #fff;
}
.pathsbutton:hover {
  color: #254c5a;
}
.contentbutton:hover {
  color: #53565A;
}
.alertbutton:hover {
  color: #bb6128;
}
.motorbutton:hover:after, .travelbutton:hover:after, .businessbutton:hover:after, .pathsbutton:hover:after, .contentbutton:hover:after, .alertbutton:hover:after {
  width: 110%;
}
.motorbutton .centered, .travelbutton .centered, .businessbutton .centered, .pathsbutton .centered, .contentbutton .centered, .alertbutton .centered {
  margin: 0 auto;
}
.motorbutton:visited, .travelbutton:visited, .businessbutton:visited {
  color: #fff;
}
.pathsbutton:visited {
  color: #B86125;
}
.contentbutton:visited {
  color: #53565A;
}
.alertbutton:visited {
  color: #bb6128;
}
label {
    display: inline!important;
	padding-left:10px!important;
}
#mv {
  background-color: #1f5d38;
}
#bus {
  background-color: #bb6128;
}
#trav {
  background-color: #244b59;
}
#motorvehicle {
  background-image: url("../img/bg_one.jpg");
  background-position: top left;
  background-repeat: no-repeat;
}
#travelroads {
  background-image: url("../img/bg_two.jpg");
  background-position: top left;
  background-repeat: no-repeat;
}
#business {
  background-image: url("../img/bg_three.jpg");
  background-position: top left;
  background-repeat: no-repeat;
}
.mainshields .shieldtop {
  margin: 0px auto;
  height: 254px;
  width: 100%;
  position: relative;
  background-color: #333333;
}
a > .shieldtop {
  padding: 0;
  margin: 0;
}
.headerhome {
  position: relative;
  height: 58px;
  top: 196px;
  background-color: #f57523;
}
.shieldbottom {
  margin: 0px auto;
  padding: 0 8%;
  min-height: 470px;
  height: 100%;
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 1px solid #fff;
}
a, a:visited {
  color: #B15B25;
  text-decoration: underline;
}
a:hover {
  color: #999;
  text-decoration: underline;
}
a:active {
  color: #B15B25;
  text-decoration: none;
}
hr {
  margin-top: 0px;
  margin-bottom: 24px;
  border-top: 1px dashed #e1e0e0;
}
p.feed {
  margin-top: 3%;
}
a.feed, a.feed:visited {
  color: #b55d26;
  text-decoration: underline;
  font-size: .8em;
}
a.feed:hover {
  color: #999;
  text-decoration: underline;
}
a.feed:active {
  color: #999;
  text-decoration: underline;
}
.fourone {
  background-color: #1f5d38;
  background: url("../img/four_bg_motor.jpg");
  opacity: 1;
  background-position: top right;
}
.fourone:hover {
  opacity: .92;
  -webkit-transition: 400ms ease-in-out;
  transition: 400ms ease-in-out;
  cursor: pointer;
}
.fourtwo {
  background-color: #244b59;
  background: url("../img/four_bg_travel.jpg");
  opacity: 1;
  background-position: top right;
}
.fourtwo:hover {
  opacity: .92;
  -webkit-transition: 400ms ease-in-out;
  transition: 400ms ease-in-out;
  cursor: pointer;
}
.fourthree {
  background-color: #bb6128;
  background: url("../img/four_bg_online.jpg");
  opacity: 1;
  background-position: top right;
}
.fourthree:hover {
  opacity: .92;
  -webkit-transition: 400ms ease-in-out;
  transition: 400ms ease-in-out;
  cursor: pointer;
}
.fourfour {
  background-color: #067482;
  opacity: 1;
  background: url("../img/four_bg_business.jpg");
  background-position: top right;
}
.fourfour:hover {
  opacity: .92;
  -webkit-transition: 400ms ease-in-out;
  transition: 400ms ease-in-out;
  cursor: pointer;
}
.fourcolor {
  margin: 6% 10% 16% 10%;
  min-height: 500px;
  overflow-y: hidden;
  position: relative;
}
.fourcolor h2 {
  margin: 0 auto;
  color: #fff;
  font-size: 22px;
  text-align: center;
  position: relative;
}
.fourcolor ul {
  list-style-type: none;
  margin: 4% 0 5% 0;
  padding: 0px;
}
.fourcolor ul li {
  display: block;
  margin: 0px;
  padding: 0px;
}
.fourcolor ul li a:link, .fourcolor ul li a:visited {
  color: #fff;
  display: block;
  padding: 5px 8px 5px 0px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.1em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .25s ease;
}
.fourcolor ul li a:hover {
  color: #ccc;
  text-decoration: none;
}
.fourcolor a.more:link {
  text-align: center;
  padding: 5px 0;
  margin: 1% 0 1% 0;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .25s ease;
}
.fourcolor a.more:visited {
  color: #fff;
}
.fourcolor a.more:hover {
  color: #999;
  text-decoration: none;
}
i.four {
  margin: 0 10px 8px 0px;
}
.moreservices h3 {
  margin: 0 auto 1% auto;
  font-size: 24px;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  color: #bb6128;
}
.moreservices ul {
  margin: 2% 0 5% 0;
  padding: 0px;
}
.moreservices ul li {
  display: block;
  margin: 0px;
  padding: 0px;
}
.moreservices ul li a:link, .moreservices ul li a:visited {
  color: #333;
  display: block;
  padding: 7px 8px 0px 0px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .25s ease;
}
.moreservices ul li a:hover {
  color: #999;
  text-decoration: none;
}
.moreservices a.more:link {
  text-align: center;
  padding: 5px 0;
  margin: 1% 0 1% 0;
  color: #333;
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .25s ease;
}
.moreservices a.more:visited {
  color: #333;
}
.moreservices a.more:hover {
  color: #999;
  text-decoration: none;
}
i.more {
  color: #f57523;
  margin: 0 10px 8px 0px;
}
img.icon {
  display: block;
  position: relative;
  margin: 0 auto 5% auto;
  width: 20%;
}
h1 {
  color: #000;
  font-size: 48px;
  line-height: 1.2em;
  text-align: left;
  text-transform: uppercase;
  font-family: 'PT Sans', sans-serif;
  letter-spacing: 0px;
  padding: 0;
  margin: 0px 0 0.4em 0;
  font-weight: normal;
}
h2 {
  color: #226077;
  font-size: 32px;
  line-height: 1.2em;
  text-align: left;
  text-transform: uppercase;
  font-family: 'PT Sans', sans-serif;
  letter-spacing: 0px;
  padding: 0;
  margin: 0px 0 0.7em 0;
  font-weight: bold;
}
h3 {
  color: #226077;
  font-size: 24px;
  line-height: 1.15em;
  text-align: left;
  letter-spacing: normal;
  text-transform: uppercase;
  font-family: sans-serif;
  padding: 0;
  margin: 0px 0 0.3em 0;
  font-weight: normal;
}
h4 {
  color: #226077;
  font-size: 20px;
  line-height: 1.15em;
  text-align: left;
  letter-spacing: normal;
  text-transform: uppercase;
  padding: 0;
  margin: 0em 0 .6em 0;
}
h2.feed1 {
  color: #B55D26;
  font-family: 'Michroma', sans-serif;
  font-size: 1em;
}
h2.feed2 {
  color: #1f5d38;
  font-family: 'Michroma', sans-serif;
  font-size: 1em;
}
h2.feed3 {
  color: #226077;
  font-family: 'Michroma', sans-serif;
  font-size: 1em;
}
.bgdark h1 {
  color: #fff;
}
.bgdark h2 {
  color: #ccc;
}
.bgdark p {
  color: #fff;
}
.bgdark a, .bgdark a:visited {
  color: #fff;
}
.bgdark a:hover {
  color: #ccc;
}
.bgdark a:active {
  color: #fff;
}
.bgdark ul li {
  color: #fff;
}
.bgdark ul li a, .bgdark ul li a:visited {
  color: #fff;
}
.bgdark ul li a:hover {
  color: #ccc;
}
.titlehome h1, .titlehome2 h1, .titlehomewide h1 {
  color: #822528;
  font-size: 38px;
  line-height: 1.1em;
  text-transform: uppercase;
  position: absolute;
  top: 17px;
  font-family: 'Michroma', sans-serif;
  letter-spacing: 0px;
  font-weight: bold;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
h1.main {
  font-size: 40px;
  padding-bottom: .5%;
  line-height: 1.1em;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Michroma', sans-serif;
  letter-spacing: 1px;
  font-weight: bold;
}
.tabfive {
  color: #80262a;
}
.tabfour {
  color: #067482;
}
.tabtwo {
  color: #226077;
}
.tabthree {
  color: #bb6128;
}
.tabone {
  color: #267245;
}
div.triad {
  margin-top: 3%;
  padding: 0 5%;
}
h2.triad {
  color: #226077;
  font-size: 32px;
  line-height: 1.1em;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Michroma', sans-serif;
  letter-spacing: 1.5px;
  padding: 0;
  margin-bottom: 0;
  font-weight: bold;
}
h3.triad {
  color: #226077;
  font-size: 32px;
  line-height: 1.1em;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Michroma', sans-serif;
  letter-spacing: 1.5px;
  padding: 0;
  margin-top: 1%;
  font-weight: bold;
}
h1.error {
  color: #226077;
  font-size: 40px;
  line-height: 1.1em;
  text-align: left;
  text-transform: uppercase;
  font-family: 'Michroma', sans-serif;
  letter-spacing: 1.5px;
  padding: 0;
  margin-bottom: 2%;
  font-weight: bold;
}
h2.error {
  color: #bb6128;
  font-size: 24px;
  line-height: 1.1em;
  text-align: left;
  letter-spacing: normal;
  text-transform: uppercase;
  font-family: sans-serif;
  padding: 0;
  margin-bottom: 2%;
  font-weight: bold;
}
h2.levelthree {
  color: #226077;
  font-size: 34px;
  line-height: 1.1em;
  text-align: left;
  text-transform: uppercase;
  font-family: 'Michroma', sans-serif;
  letter-spacing: 1.2px;
  padding: 0;
  margin: 0px 0 .5em 0;
  font-weight: bold;
}
h3.levelthree {
  color: #bb6128;
  font-size: 24px;
  line-height: 1.1em;
  text-align: left;
  letter-spacing: normal;
  text-transform: uppercase;
  font-family: sans-serif;
  padding: 0;
  margin: 0px 0 .2em 0;
  font-weight: bold;
}
h4.levelthree {
  color: #067482;
  font-size: 19px;
  line-height: 1.1em;
  text-align: left;
  letter-spacing: normal;
  text-transform: uppercase;
  font-family: sans-serif;
  padding: 0;
  margin: 0em 0 .2em 0;
}
.infographic_img, .infographic2_img {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.infographic_text {
  font-size: 16px;
  text-transform: uppercase;
  color: #666;
  font-weight: 700;
  text-align: center;
  line-height: 1.3em;
  margin: 16px 0 20px;
}
.threetabs1 h3, .threetabs3 h3, .threetabs2 h3, .threetabs4 h3, .threetabs5 h3 {
  color: #fff;
  font-size: 24px;
  padding-bottom: 0px;
  line-height: 1.1em;
  text-transform: uppercase;
  position: absolute;
  text-align: center;
  top: 56px;
  letter-spacing: 1px;
  font-weight: bold;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.headerhome h1 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  position: absolute;
  top: 55%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.shieldbottom h2 {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  padding: 0px;
  line-height: 1.1em;
  text-transform: none;
}
.heroleveltwo h1 {
  font-size: 60px;
  line-height: 1.1em;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  top: 75%;
  font-family: 'Michroma', sans-serif;
  letter-spacing: 2px;
  word-spacing: 0.3em;
  margin: 0;
  padding: 0 1em;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
#drivers h1 {
  color: #fff;
}
#travel h1, #error h1 {
  color: #fff;
}
#business2 h1 {
  color: #fff;
}
#about h1 {
  color: #fff;
}
#contact h1, #search h1 {
  color: #fff;
}
.infographic_text a, a:visited a {
  color: #333;
  text-decoration: none;
}
.infographic_text a:hover {
  color: #999;
  text-decoration: none;
}
.infographic_text a:active {
  color: #1f5d38;
  text-decoration: none;
}
#baseline .container p, #baseline .container ul {
  font-size: 12px;
  line-height: 1.1em;
  letter-spacing: .7px;
  margin: 1.5% 0 0% 0;
  color: #fff;
  padding: 0;
  text-transform: uppercase;
}
p.copy {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  width: 100%;
  margin: 0% auto 0 auto;
  padding: 0;
}
ul.login {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}
ul.login li {
  list-style: none;
}
ul.login a, ul.login a:visited, ul.login a:active {
  color: #fff;
  padding: 0;
  text-decoration: none;
}
ul.login a:hover {
  color: #fff;
}
ul li {
  padding: .3em 0;
}
ul, ol {
  padding-left: 5%;
}
ul.fa-ul {
  list-style-type: none;
  margin-left: 1.6em;
  margin-top: 0em;
  margin-bottom: .7em;
}
span.fa-li {
  top: 2px;
  left: -1.5em;
  text-align: left;
  width: 2em;
  line-height: 1.5em;
}
.moreservices ul.fa-ul {
  list-style-type: none;
  padding-left: 0px;
}
.moreservices span.fa-li {
  top: 8px;
  left: -1.2em;
  text-align: left;
  width: 2em;
  line-height: 1.3em;
  color: #bb6128;
}
ul.list li.threeshields {
  padding-left: 1em;
}
ul.list li {
  padding: .1em 0 .1em .3em;
}
hr.shields {
  margin-top: 8px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #ccc;
}
.red {
  color: #b30b00;
}
.teal {
  color: #067482;
}
.orange {
  color: #d24624;
}
.green {
  color: #207245;
}
.blue {
  color: #295699;
}
.charcoal {
  color: #666;
}
.dotgrey {
  color: #333;
}
.dotred {
  color: #254c5a;
}
.trio {
  display: contents !important;
}
#footerarrow {
  position: absolute;
  bottom: 29px;
  right: 22%;
  z-index: 120000;
  border: 0px solid yellow;
}
.coverlink {
  height: 360px;
  width: 100%;
  position: absolute;
}
#messagearrow {
  position: absolute;
  top: -24px;
  right: 50%;
  z-index: 500;
  border: 0px solid blue;
}
.dotwhite {
  color: #fff;
}
ul#socialmedia {
  margin-left: 0%;
  margin-top: 2.7%;
  margin-bottom: 0%;
  padding: 0;
}
ul#socialmedia li {
  display: inline-block;
  margin: 0 .2em 0 0;
  padding: 0px;
  font-size: 240%;
  height: 0px;
}
ul#footerlinks {
  width: 100%;
  margin: 3% auto 0 auto;
  padding: 0;
}
ul#footerlinks li {
  display: inline-block;
  padding-right: 10px;
  padding-left: 3px;
  margin: 0px;
}
ul#footerlinks li a {
  padding: 6px 0 6px 0;
  color: #fff;
  font-size: 14px;
  letter-spacing: .5px;
  text-decoration: none;
}
ul#footerlinks li a:hover {
  color: #f4b120;
}
ul#footerlinks li.pipe {
  color: #fff;
  padding: 0 5px 0 0px;
  margin: 0px 0 4px 0;
  vertical-align: middle;
  font-size: 11px;
}
span.pipe {
  position: relative;
  bottom: 9px;
  border-left: 1px solid #fff;
  margin: 0 3px 0px 6px;
  font-size: 60%;
}
ul#socialmedia li a {
  color: #ccc;
  transition: color 0.5s;
  margin-top: 0px;
  padding-top: 0px;
}
ul#socialmedia li.ap, ul#socialmedia li.an {
  margin: 0;
}
ul#socialmedia li.fb a:hover {
  color: #3b5998;
}
ul#socialmedia li.tw a:hover {
  color: #333;
}
ul#socialmedia li.yt a:hover {
  color: #ff0000;
}
ul#socialmedia li.ig a:hover {
  color: #fb3958;
}
ul#socialmedia li.fl a:hover {
  color: #ff0084;
}
ul#socialmedia li.pi a:hover {
  color: #c8232c;
}
ul#socialmedia li.ap a:hover {
  color: #555555;
}
ul#socialmedia li.an a:hover {
  color: #a4c639;
}
ul#socialmedia li.tw a ion-icon {
  font-size: 80%;
  margin-bottom: 3px;
}
.shieldbottom ul {
  list-style-type: none;
  padding: 0px;
  margin-top: 20px;
}
.shieldbottom ul li a {
  display: block;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.1em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .25s ease;
}
ul.list li.threeshields a.shieldone:link, ul.list li.threeshields a.shieldone:visited {
  color: #1f5d38;
}
ul.list li.threeshields a.shieldone:hover {
  color: #999;
}
ul.list li.threeshields a.shieldtwo:link, ul.list li.threeshields a.shieldtwo:visited {
  color: #244b59;
}
ul.list li.threeshields a.shieldtwo:hover {
  color: #999;
}
ul.list li.threeshields a.shieldthree:link, ul.list li.threeshields a.shieldthree:visited {
  color: #b55d26;
}
ul.list li.threeshields a.shieldthree:hover {
  color: #999;
}
/*.herosearchbox {
  top: 13%;
}*/
.searchtag {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  margin: 1.3% 10% 0 10%;
}
.searchtag a, .searchtag a:visited {
  font-size: 1em;
  text-decoration: none;
  color: #ffcc00;
}
.searchtag a:hover {
  color: #fff;
}
a.index {
  text-decoration: underline;
}
img.rightpara {
  float: right;
  margin: 0 0 1% 2%;
  max-width: 150px;
}
img.leftpara {
  float: left;
  margin: 0 2% 1% 0;
  max-width: 150px;
}
.ShowHide {
  /* overflow: hidden;
  background-color: #f1f0f0;
  width: 100%;
  padding: 1.5% 0px;
  position: -webkit-sticky;
  position: relative;
  top: 0;
  min-height: 80px;*/
  display: none;
}
.yield {
  text-align: left;
  border: 0px solid red;
  min-height: 40px;
  display: flex;
  align-items: center;
  max-width: 50px;
  margin-left: 1%;
}
.exclamation {
  margin-top: 8px;
}
.info {
  text-align: left;
  border: 0px solid blue;
  min-height: 40px;
  margin-top: 2px;
}
.action {
  max-width: 33%;
  border: 0px solid green;
  margin-top: .5%;
}
.clicktoclose {
  text-align: left;
  border: 0px solid orange;
  min-height: 40px;
  max-width: 50px;
}
h3.announcement {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #bb6128;
}
p.announcement {
  margin: 0;
  line-height: 1.1em;
}
.close {
  margin-top: 4px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  color: #666;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=50);
  opacity: .5;
}
.featuretext p {
  color: white;
  font-size: 1.4em;
}
.featuretext h1 {
  color: #ffcc00;
  font-size: 1.7em;
}
.featuretext h2 {
  color: #fff;
  font-size: 1.2em;
}
.featuretext h3 {
  color: white;
  font-size: 1.4em;
  text-decoration: underline;
}
.featuretext h3:hover {
  color: #ffcc00;
  text-decoration: underline;
}
.gold {
  color: #ffcc00;
}
.featuretext img {
  float: right;
  margin: 0 0 2% 2%;
}
.featuretext {
  position: absolute;
  right: 0px;
  top: 10%;
  width: 50%;
  border: 0px solid yellow;
}
.featuretext a, .featuretext a:visited {
  color: white;
  text-decoration: none;
}
.featuretext a:hover {
  color: #f3b11f;
  text-decoration: none;
}
.featuretext a:active {
  color: white;
  text-decoration: none;
}
#feature > div.content {
  height: 100%;
  width: 80%;
  position: relative;
  margin: 0 auto;
  padding: 1%;
  border: 0px solid yellow;
   /* background-image: url("../img/BGrealid2.png"); */
  background-position: left;
  background-repeat: no-repeat;
}
#feature {
  background-image: url("../img/DecaturBridge.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #000;
}
#feature2 {
 /* background-image: url("../img/BGrealid.png");*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #000;
}
.onerow:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.onerow {
  display: inline-block; /* for IE/Mac */
}
/* start commented backslash hack \*/
* html .onerow {
  height: 1%;
}
.onerow {
  border: 0px solid black;
  display: block;
  margin: 0 0 2% 0;
}
.onerow {
  clear: both;
  padding: 0px;
}
.onerow colcenter img {
  text-decoration: center;
  margin-right: auto;
  margin-left: auto;
  display: block;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
  float: left;
  margin: 0 3% 0 0;
}
.col1.end, .col2.end, .col3.end, .col4.end, .col5.end, .col6.end, .col7.end, .col8.end, .col9.end, .col10.end, .col11.end, .col12 {
  margin: 0;
}
.col1 {
  width: 5.5%;
  *width: 4.5%;
}
.col2 {
  width: 14%;
  *width: 13%;
}
.col3 {
  width: 22.5%;
  *width: 21.5%;
}
.col4 {
  width: 31%;
  *width: 30%;
}
.col5 {
  width: 39.5%;
  *width: 38.5%;
}
.col6 {
  width: 48%;
  *width: 47%;
}
.col7 {
  width: 56.5%;
  *width: 55.5%;
}
.col8 {
  width: 65%;
  *width: 64%;
}
.col9 {
  width: 73.5%;
  *width: 70.5%;
}
.col10 {
  width: 82%;
  *width: 80%;
  *margin-left: 6px;
}
.col11 {
  width: 90.5%;
  *width: 89.5%;
}
.col12 {
  width: 99%;
  margin: 0;
}
.feedbackbtn {
  width: 50px;
  z-index: 9000000;
  position: fixed;
  right: 2px;
  top: 330px;
}
/* RESPONSIVE BELOW ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* RESPONSIVE BELOW ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* RESPONSIVE BELOW ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* RESPONSIVE BELOW ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* RESPONSIVE BELOW ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* RESPONSIVE BELOW ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* IE 11 ONLY BUG FIX /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #baseline .container p, #baseline .container ul {
    font-size: 12px;
    line-height: 1.1em;
    letter-spacing: .7px;
    margin: 3% 0 0% 0;
    color: #ccc;
    padding: 0;
    text-transform: uppercase;
  }
  #baseline .container ul li {
    padding: .5em 0 .2em 0;
  }
}
/* IE 11 ONLY BUG FIX END /////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 1591px) and (max-width: 1850px) {
  ul#socialmedia li {
    font-size: 220%;
  }
  ul#footerlinks li a {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1900px) {
  .shieldbottom {
    min-height: 510px;
  }
}
@media only screen and (max-width: 1590px) {
  .featuretext p {
    font-size: 1.1em;
  }
  .featuretext {
    width: 65%;
  }
  ul#footerlinks li a {
    font-size: 12px;
  }
  h1.main {
    font-size: 36px;
  }
  #feature > div.content {
    width: 75%;
  }
  .fourcolor {
    min-height: 540px;
  }
  .fourcolor h2 {
    font-size: 22px;
  }
  .heroleveltwo h1 {
    font-size: 48px;
  }
  .fourcolor ul li a:link {
    font-size: 14px;
  }
  .shieldbottom {
    min-height: 490px;
  }
  .shieldbottom ul li a {
    font-size: 16px;
  }
  ul#socialmedia li {
    font-size: 196%;
  }
  ul#footerlinks li {
    padding-right: 4px;
    padding-left: 0px;
  }
  ul#socialmedia {
    margin-top: 3%;
  }
  .motorbutton, .travelbutton, .businessbutton {
    bottom: 10px;
    font-size: .9em;
    height: 46px;
  }
}
@media only screen and (max-width: 1366px) {
  .shieldbottom {
    min-height: 470px;
  }
  #feature > div.content {
    width: 85%;
  }
  hr.shields {
    margin-top: 6px;
    margin-bottom: 8px;
  }
  .btn3 {
    padding: .5em .3em .4em .3em;
    font-size: 1.4rem;
  }
  h3.announcement {
    font-size: .95em;
  }
  p.announcement {
    font-size: .95em;
  }
  #motorvehicle, #travelroads, #business {
    background-position: top center;
  }
  span.pipe {
    bottom: 7px;
  }
  ul#socialmedia li {
    font-size: 160%;
  }
  .titlehome h1, .titlehome2 h1, .titlehomewide h1 {
    font-size: 32px;
  }
  i.four {
    margin: 0 10px 4px 0px;
  }
  .fourcolor ul li a:link {
    padding: 3px 0px 3px 0px;
  }
  .motorbutton, .travelbutton, .businessbutton {
    bottom: 0px;
    font-size: .84em;
  }
  .headerhome h1 {
    font-size: 22px;
  }
  ul#socialmedia {
    margin-top: 4%;
    margin-bottom: 0%;
  }
}
@media only screen and (min-width: 820px) and (max-width: 1210px) {
  .shieldbottom h2 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding: 0px;
    line-height: 18px;
    text-transform: none;
  }
  .fourcolor {
    margin: 6% 10% 4% 10%;
    min-height: 480px;
  }
  .fourcolor ul li a:link {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1100px) {
  .heroleveltwo h1 {
    font-size: 34px;
    /*top: 60%;*/
  }
  .btn2 {
    font-size: 14px;
  }
  .anchor {
    top: -200px;
  }
  #motorvehicle {
    background-image: url("../img/bg_one_pad.jpg");
  }
  #travelroads {
    background-image: url("../img/bg_two_pad.jpg");
  }
  #business {
    background-image: url("../img/bg_three_pad.jpg");
  }
  #feature > div.content {
    width: 94%;
  }
  .featuretext {
    width: 60%;
  }
  .ShowHide {
    overflow: hidden;
    background-color: #f1f0f0;
    width: 100%;
    padding: 1.5% 0px;
    position: -webkit-sticky;
    position: fixed;
    top: 0;
    z-index: 9999;
  }
  .shieldbottom ul {
    padding-bottom: 3.5em;
  }
  .shieldbottom {
    min-height: 0px;
  }
  .searchtag {
    font-size: .8em;
    width: 95%;
    margin: 1.3% 10% 0 10%;
  }
  .searchtag a, .searchtag a:visited {
    font-size: 1em;
  }
  h1.main {
    font-size: 36px;
    border-bottom: none;
  }
  .herosearchbox {
    display: none
  }
  .motorbutton, .travelbutton, .businessbutton {
    bottom: 0px;
    font-size: .8em;
    height: 43px;
  }
  hr.shields {
    margin-top: 11px;
    margin-bottom: 11px;
  }
  ul#footerlinks {
    margin: 2% auto 0 auto;
  }
}
@media only screen and (max-width: 1059px) {
  h2.triad {
    font-size: 28px;
  }
  ul#footerlinks {
    margin: 2% auto 0 auto;
  }
  #footerarrow {
    display: none;
  }
}
@media only screen and (max-width: 990px) {
  h3.triad {
    font-size: 22px;
  }
  #feature > div.content {
   /* background-image: url("../img/BGrealid2.png");*/
    background-size: 30%;
  }
  .featuretext p {
    color: white;
    font-size: 1em;
  }
  .featuretext h1 {
    font-size: 1.3em;
  }
  .featuretext h2 {
    font-size: 1em;
  }
  .featuretext h3 {
    font-size: 1.2em;
  }
  h2.triad {
    font-size: 22px;
  }
  h1.main {
    font-size: 32px;
  }
  .heroleveltwo h1 {
    font-size: 40px;
  }
  .fourcolor {
    margin: 6% 10% 4% 10%;
    min-height: 440px;
  }
  .fourcolor ul li a:link {
    font-size: 14px;
  }
  #motorvehicle, #travelroads, #onlineservices {
    background-position: center top;
    background-repeat: no-repeat;
  }
  img.icon {
    width: 16%;
  }
  ul#footerlinks {
    width: 100%;
    margin: 0% auto 0 auto;
    padding: 0;
    text-align: center;
  }
  ul#socialmedia {
    width: 100%;
    margin: 0% auto 0 auto;
    padding: 0;
    text-align: center;
  }
  #baseline .container p, #baseline .container ul {
    font-size: 11px;
    line-height: 1.1em;
    letter-spacing: .7px;
    width: 100%;
    padding: 0;
    text-align: center;
  }
  p.copy {
    display: block;
  }
  ul.login {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  /*  .herosearchbox{
        top:13%;
    }*/
  .heroleveltwo h1 {
    font-size: 24px;
    top: 36%;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 21px;
  }
  h4 {
    font-size: 18px;
  }
  h2.feed1 {
    color: #B55D26;
  }
  h3.triad {
    font-size: 18px;
    margin-top: 3%;
    margin-bottom: 8%;
    color: #226077 !important;
  }
  .moreservices h3 {
    font-size: 18px;
  }
  h1.error {
    font-size: 26px;
  }
  h2.error {
    font-size: 20px;
  }
  img#diggity {
    max-width: 340px;
    margin-top: 5%;
  }
  h2.triad {
    margin-bottom: 2%;
  }
  .searchtag, .searchtag a, .searchtag a:visited {
    width: 97%;
  }
  .featuretext {
    width: 67%;
  }
  .featuretext img {
    max-width: 60px;
  }
  .featuretext p {
    font-size: .8em;
    line-height: 1.3em;
  }
  .featuretext h1 {
    font-size: 1.3em;
  }
  .featuretext h2 {
    font-size: 1em;
  }
  .featuretext h3 {
    font-size: .8em;
  }
  .action {
    max-width: 30%;
  }
  h2.levelthree {
    font-size: 24px;
  }
  h3.levelthree {
    font-size: 22px;
  }
  h2.triad {
    font-size: 18px;
  }
  h1.main {
    font-size: 24px;
    padding-top: 0%;
  }
  ul#socialmedia li {
    font-size: 190%;
  }
  ul#footerlinks li a {
    padding: 6px 0 3px 0;
    font-size: 10px;
  }
  .fourcolor {
    margin: 6% 10% 4% 10%;
    min-height: 1px;
  }
  .titlehome h1, .titlehome2 h1, .titlehomewide h1 {
    font-size: 26px;
  }
  #baseline .container p, #baseline .container ul {
    font-size: 10px;
    line-height: 1.1em;
    letter-spacing: .7px;
    margin: 2.5% 0 0% 0;
    color: #ccc;
    padding: 0;
    text-transform: uppercase;
  }
}
@media only screen and (max-width: 665px) {
  .heroleveltwo h1 {
    font-size: 16px;
    top: 85%;
  }
  .ShowHide {
    padding: 4% 0px 5% 4%;
  }
  .action {
    max-width: 98%;
    margin-top: 3%;
  }
  .clicktoclose {
    max-width: 30px;
  }
  p.announcement {
    font-size: .8em;
  }
  .btn3 {
    padding: .3em .3em .2em .3em;
  }
}
@media only screen and (max-width: 500px) {
  .searchtag {
    width: 100%;
    margin: 1.3% 10% 0 10%;
  }
  .searchtag a, .searchtag a:visited {
    font-size: 1em;
  }
  .infographic_img img {
    width: 90px;
  }
  .infographic2_img img {
    width: 60px;
  }
  #motorvehicle {
    background-image: url("../img/bg_one.jpg");
  }
  #travelroads {
    background-image: url("../img/bg_two.jpg");
  }
  #business {
    background-image: url("../img/bg_three.jpg");
  }
  h1.main {
    font-size: 20px;
    padding-top: 0%;
  }
  .moreservices ul li a:link, .moreservices ul li a:visited {
    font-size: 14px;
  }
  .infographic_text {
    font-size: 12px;
  }
  h2.triad {
    font-size: 16px;
    line-height: 1.4em;
  }
  .featuretext {
    width: 80%;
  }
  .featuretext p {
    font-size: .8em;
  }
  .featuretext h1 {
    font-size: .9em;
  }
  .featuretext h2 {
    font-size: .6em;
  }
  .featuretext h3 {
    font-size: .7em;
  }
  .info {
    max-width: 80%;
  }
  .action {
    max-width: 85%;
  }
  .titlehome h1, .titlehome2 h1, .titlehomewide h1 {
    font-size: 18px;
  }
  ul#socialmedia li {
    font-size: 130%;
  }
  ul#footerlinks li a {
    font-size: 8px;
  }
  ul#footerlinks li.pipe {
    display: none;
  }
  #baseline .container p, #baseline .container ul {
    font-size: 7px;
  }
}
@media only screen and (max-width: 428px) {
  .featuretext {
    top: 10%;
    width: 90%;
    border: 0px solid yellow;
  }
  .featuretext p {
    font-size: .7em;
  }
  .azLinks li a {
    margin: 0;
  }
  .azLinks {
    margin: 0px auto 10% auto;
  }
  .mobileonly_text {
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.1em;
    margin: 8px 0 2px;
  }
  /* .btn2 {
    font-size: 1.6rem;
  }*/
  div.triad {
    margin-top: 3%;
    margin-bottom: 5%;
    padding: 0 5%;
  }
  .searchtag {
    margin: 3% 10% 0 10%;
  }
  .heroleveltwo h1 {
    letter-spacing: -1px;
  }
  .a2z li a {
    font-size: 16px;
  }
  #baseline .container p, #baseline .container ul {
    font-size: 6px;
    line-height: 1.3em;
  }
  #baseline .container p, #baseline .container ul {
    margin: 3% 0 0% 0;
  }
}
@media only screen and (min-device-width: 320px) and (orientation: portrait) {
  .feedbackbtn {
    width: 50px;
    max-height: 211px;
    z-index: 300000000;
    position: fixed;
    right: 2px;
    top: 390px;
  }
}
@media only screen and (min-device-width: 320px) and (orientation: landscape) {
  .feedbackbtn {
    width: 50px;
    max-height: 211px;
    z-index: 300000000;
    position: fixed;
    right: 2px;
    top: 300px;
  }
  @media only screen and (max-device-width: 500px) and (orientation: portrait) {
    aside {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 44000;
      width: 100%;
      height: 48px;
      padding-bottom: 2rem;
      padding-top: 1rem;
    }
  }
  @media only screen and (max-device-width: 786px) and (orientation: landscape) {
    .feedbackbtn {
      width: 50px;
      max-height: 211px;
      z-index: 300000000;
      position: fixed;
      right: 2px;
      top: 100px;
    }
    aside {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 44000;
      width: 100%;
      height: 48px;
      padding-bottom: 2rem;
      padding-top: 1rem;
    }
  }
  /* IPAD ONLY STYLES BELOW /////////////////////////////////////////////////////////////////////////*/
  /* IPAD ONLY STYLES BELOW /////////////////////////////////////////////////////////////////////////*/
  /* IPAD ONLY STYLES BELOW /////////////////////////////////////////////////////////////////////////*/
  @media only screen and (min-device-width: 1023px) and (max-device-width: 1367px) and (-webkit-min-device-pixel-ratio: 2) {
    .heroleveltwo h1 {
      font-size: 52px;
      bottom: 8%;
    }
    ul#socialmedia {
      padding-top: 17px;
    }
  }
  @media only screen and (min-device-width: 833px) and (max-device-width: 1090px) and (-webkit-min-device-pixel-ratio: 2) {
    .headerhome h1 {
      font-size: 18px;
    }
  }
  @media only screen and (min-device-width: 740px) and (max-device-width: 1133px) and (-webkit-min-device-pixel-ratio: 2) {
    ul#socialmedia {
      margin: 0% auto 0% auto;
    }
    ul#footerlinks {
      margin: 0% auto 2% auto;
    }
  }
  @media only screen and (min-device-width: 393px) and (min-device-height: 786px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .herosearchbox {
      top: 12%;
    }
    @media only screen and (min-device-width: 1010px) and (min-device-height: 1292px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
      .herosearchbox {
        top: 10%;
      }
      aside {
        display: block;
        position: fixed;
        z-index: 44000;
        width: 100%;
        height: 48px;
        padding-bottom: 2rem;
        padding-top: 1rem;
      }
    }
    @media only screen and (min-device-width: 810px) and (min-device-height: 1010px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
      .herosearchbox {
        top: 16%;
      }
      aside {
        display: block;
        position: relative;
        top: 0;
        z-index: 44000;
        width: 100%;
        height: 48px;
        padding-bottom: 2rem;
        padding-top: 1rem;
      }
    }
    /* IPHONE ONLY STYLES BELOW /////////////////////////////////////////////////////////////////////////*/
    /* IPHONE ONLY STYLES BELOW /////////////////////////////////////////////////////////////////////////*/
    /* IPHONE ONLY STYLES BELOW /////////////////////////////////////////////////////////////////////////*/
    @media only screen and (min-device-width: 360px) and (max-device-width: 897px) and (-webkit-min-device-pixel-ratio: 2) {
      .heroleveltwo h1 {
        font-size: 26px;
        padding: 0 15px;
        line-height: 1.2em;
      }
      ul#socialmedia {
        margin: 0% auto 3% auto;
      }
    }
    @media only screen and (min-device-width: 319px) and (max-device-width: 359px) and (-webkit-min-device-pixel-ratio: 2) {
      .titlehome h1, .titlehome2 h1, .titlehomewide h1 {
        font-size: 15px;
      }
      ul#footerlinks li a {
        padding: 6px 0 0px 0;
        font-size: 7px;
      }
      ul#socialmedia {
        margin: 0% auto 3% auto;
      }
    }