/* Add a black background color to the top navigation */
#navbar {
    background-color: #244674;
	border-bottom:#FFF 1px solid;
	width:100%;
	top:0;
	z-index:999999;
	min-height:50px;
}

#navbar .nav-container {max-width:1500px;margin:0 auto;padding:0;min-height:50px; max-height:50px;}
#navbar .nav-container .nav-container-inner {padding:0 20px; background-color:#244674;}

/* Style the home icon inside the navigation bar */
#navbar li.homebtn a {
  background:url(../../images/icons/home-hover.png)center ;
  background-repeat: no-repeat;
  text-indent: -9000px;
  width: 30px;
  padding: 18px 30px 16px 14px!important;
  }
#navbar li.homebtn a:hover {
  background: url(../../images/icons/home.png) center ;
  background-repeat: no-repeat;
  text-indent: -9000px;
  width: 30px;
  }
#navbar li.homebtn {border:none!important;}
#navbar ul {
  margin: 0;
  padding: 0;
}

#navbar .main-menu {
  display: none;
}

#tm:checked + .main-menu {
  display: block;
}

#navbar input[type="checkbox"], 
#navbar ul span.drop-icon {
  display: none;
}

#navbar li {
  border-style: solid;
  border-color: rgba(255, 255, 255, .4);  
}

#navbar li.noborder {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0);  
}

#toggle-menu, 
#navbar .sub-menu {
  border-style: solid;
  border-color: rgba(0, 0, 0, .05)!important;
  z-index:9999999!important;
}

#navbar li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#navbar .sub-menu {
    background-color: #5e81b6!important;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);
  border-width: 1px 1px 0;
  margin: 0 1em;
  z-index:999999!important;
}

#navbar .sub-menu li:last-child {
  border-width: 0;
}

#navbar li, 
#toggle-menu {
  position: relative;
  display: block;
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}
#navbar a {
  position: relative;
  display: block;
  color:rgba(255, 255, 255, .9)!important;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);  
  font-size:1.1em!important;
}
#toggle-menu {
  background-color: #244674;
}

#toggle-menu, 
#navbar a {
  padding: 14px  ;
  text-decoration:none;
  padding: 18px 14px 16px;
  font-size: .9em;
}

#navbar a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#navbar a:hover {
  background-color: #284d7d;
  background-color: rgba(255, 255, 255, .15);
  color: #FFF;
}

#navbar .sub-menu {
  display: none;
}

#navbar input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#navbar .sub-menu a:hover {
    background-color: #f0f0f0;
    color: #000!important;
    padding-right: 0!important;
    padding-left: 8px!important;
	-webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

#toggle-menu .drop-icon, 
#navbar li label.drop-icon {
  position: absolute;
  right: 1.5em;
  top: 1.25em;
}

#navbar label.drop-icon, #toggle-menu span.drop-icon {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  text-align: center;
  background-color: rgba(0, 0, 0, .125);
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}

#navbar .drop-icon {
  line-height: 1;
}
@media only screen and (max-width: 64em) and (min-width: 52.01em) {
  #navbar li {
    width:;
  }

  #navbar .sub-menu li {
    width: auto;
  }
}

@media only screen and (min-width: 52em) {
  #navbar .main-menu {
    display: block;
  }

  #toggle-menu, 
  #navbar label.drop-icon {
    display: none;
  }

  #navbar ul span.drop-icon {
    display: inline-block;
  }

  #navbar li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #navbar .sub-menu li {
    float: none;
  }

  #navbar .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 300px
  }
  #navbar .sub-menu a {
    padding:8px 10px;
    font-size:.875em!important;
  }

  #navbar .sub-menu, 
  #navbar input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #navbar .sub-menu li {
    border-width: 0 0 1px;
  }

  #navbar .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #navbar li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}

/* Styles for button on the right in topnav */
#navbar .tn-right {margin-right:20px;right:0;overflow:hidden; max-height:50px;}
#navbar .tn-join a {
	color: #fff !important;
    background-color: #c00000 !important;
    background-color: rgba(192,0,0,1) !important;
    border: 1px #fff solid !important;
    padding: 6px 6px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px !important;
    display: inline-block;
    margin-right: 10px;
	float:right;
}
#navbar .tn-join a:hover {
	background-color: rgba(192,0,0,1)!important;
    color: #000 !important;
}
#navbar .tn-myvob a {
	color: #C00000 !important;
    background-color: #FFFFFF;
    background-color: rgba(255,255,255,1);
    border: 1px #C00000 solid;
    padding: 6px 6px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px;
	float:right;
}
#navbar .tn-myvob a:hover {
	background-color: rgba(255,255,255,1)!important;
    color: #000 !important;
}
#navbar .tn-vobeacon a {
	color: #fff !important;
    background-color: #5e81b6;
    background-color: rgba(94,129,182,1);
    border: 1px #fff solid;
    padding: 6px 6px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px;
	float:right;
}
#navbar .tn-vobeacon a:hover {
	background-color: rgba(94,129,182,1)!important;
    color: #000 !important;
}
#navbar .tn-jobs a {
	color: #fff !important;
    background-color: #5e81b6;
    background-color: rgba(94,129,182,1);
    border: 1px #fff solid;
    padding: 6px 6px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px;
	float:right;
}
#navbar .tn-jobs a:hover {
	background-color: rgba(94,129,182,1)!important;
    color: #000 !important;
}
#navbar .tn-discounts a {
	color: #fff !important;
    background-color: #5e81b6;
    background-color: rgba(94,129,182,1);
    border: 1px #fff solid;
    padding: 6px 6px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px;
	float:right;
}
#navbar .tn-discounts a:hover {
	background-color: rgba(94,129,182,1)!important;
    color: #000 !important;
}
#navbar .tn-avoba a {
	color: #fff !important;
    background-color: #5e81b6;
    background-color: rgba(94,129,182,1);
    border: 1px #fff solid;
    padding: 6px 6px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px;
	float:right;
}
#navbar .tn-avoba a:hover {
	background-color: rgba(94,129,182,1)!important;
    color: #000 !important;
}
#navbar .tn-directory a {
	color: #fff !important;
    background-color: #5e81b6;
    background-color: rgba(94,129,182,1);
    border: 1px #fff solid;
    padding: 6px 6px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px;
	float:right;
}
#navbar .tn-directory a:hover {
	background-color: rgba(94,129,182,1)!important;
    color: #000 !important;
}

@media only screen and (max-width: 1156px) {
	/* Styles for button on the right in topnav */
#navbar .th-right {display:none!important;}
#navbar .tn-join a {
	display:none!important;
}
#navbar .tn-join a:hover {
	display:none!important;;
}
#navbar .tn-myvob a {
	display:none!important;
}
#navbar .tn-myvob a:hover {
	display:none!important;
}
#navbar .tn-vobeacon a {
	display:none!important;
}
#navbar .tn-vobeacon a:hover {
	display:none!important;
}
#navbar .tn-jobs a {
	display:none!important;
}
#navbar .tn-jobs a:hover {
	display:none!important;
}
#navbar .tn-discounts a {
	display:none!important;
}
#navbar .tn-discounts a:hover {
	display:none!important;
}
#navbar .tn-avoba a {
	display:none!important;
}
#navbar .tn-avoba a:hover {
	display:none!important;
}
#navbar .tn-directory a {
	display:none!important;
}
#navbar .tn-directory a:hover {
	display:none!important;
}
#navbar a {
  text-decoration:none;
  padding: 18px 12px 16px;
  font-size: .8em;
}
}

/*#####################  Header Menu Styles #########*/
/*#########  Header Menu Styles #########*/
/*#########  Header Menu Styles #########*/

#menu-hdr {
    margin:0 auto;
	max-width:1500px;
}
#menu-hdr .85emfont {font-size:8.5em!important;}
#menu-hdr .nav-container-hdr {margin:0 auto;padding:0;min-height:50px;
	-webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
	border-top:#FFF 1px solid;
	background-color: #244674;}
#menu-hdr .nav-container-hdr .container-inner {padding:0 20px;font-size: .9em;}
/* Style the home icon inside the navigation bar */
#menu-hdr li.homebtn a {
  background:url(../../images/icons/home-hover.png)center ;
  background-repeat: no-repeat;
  text-indent: -9000px;
  width: 30px;
  padding: 18px 14px 16px 30px!important;
  }
#menu-hdr li.homebtn a:hover {
  background: url(../../images/icons/home.png) center ;
  background-repeat: no-repeat;
  text-indent: -9000px;
  width: 30px;
  }
#menu-hdr li.homebtn {border:none!important;}
#menu-hdr ul {
  margin: 0;
  padding: 0;
}

#menu-hdr .main-menu-hdr {
  display: none;
}

#tm-hdr:checked + .main-menu-hdr {
  display: block;
}

#menu-hdr input[type="checkbox"], 
#menu-hdr ul span.drop-icon {
  display: none;
}

#menu-hdr li {
  border-style: solid;
  border-color: rgba(255, 255, 255, .4);  
}

#menu-hdr li.noborder {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0);  
}

#toggle-menu-hdr, 
#menu-hdr .sub-menu,
#menu-hdr .sub-menu-lft {
  border-style: solid;
  border-color: rgba(0, 0, 0, .05)!important;  
}

#menu-hdr li, 
#toggle-menu-hdr {
  border-width: 0 0 1px;
  }
#menu-hdr li {background-color:#244674;}

#menu-hdr .sub-menu,
#menu-hdr .sub-menu-lft {
  background-color: #5e81b6!important;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);
  border-width: 1px 1px 0;
  margin: 0 1em;
  z-index:999999!important;
}

#menu-hdr .sub-menu li:last-child,
#menu-hdr .sub-menu-lft li:last-child {
  border-width: 0;
}

#menu-hdr li, 
#toggle-menu-hdr {
  position: relative;
  display: block;
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}

#menu-hdr a {
	position: relative;
    display: block;
	color:#FFF;
	color:rgba(255, 255, 255, .9);
	font-size:1.1em!important;
}

#toggle-menu-hdr {
  background-color: #244674;
}

#toggle-menu-hdr, 
#menu-hdr a {
  padding: 14px  ;
  text-decoration:none;
  padding: 18px 12px 16px;
  font-size:.95em!important;
}

#menu-hdr a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu-hdr a:hover {
  background-color: #284d7d;
  background-color: rgba(255, 255, 255, .15);
  color: #FFF;
}

#menu-hdr .sub-menu,
#menu-hdr .sub-menu-lft {
  display: none;
}

#menu-hdr input[type="checkbox"]:checked + .sub-menu,
#menu-hdr input[type="checkbox"]:checked + .sub-menu-lft {
  display: block;
}
#menu-hdr .sub-menu a,
#menu-hdr .sub-menu-lft a {
  font-size:.875em!important;
}

#menu-hdr .sub-menu a:hover {
    background-color: #f0f0f0;
    color: #000;
    padding-right: 10px!important;
    padding-left: 8px!important;
	-webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
#menu-hdr .sub-menu-lft a:hover {
    background-color: #f0f0f0;
    color: #000;
    padding-right: 10px!important;
    padding-left: 8px!important;
	-webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

#toggle-menu-hdr .drop-icon, 
#menu-hdr li label.drop-icon {
  position: absolute;
  right: 1.5em;
  top: 1.25em;
}

#menu-hdr label.drop-icon, #toggle-menu-hdr span.drop-icon {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  text-align: center;
  background-color: rgba(0, 0, 0, .125);
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}

#menu-hdr .drop-icon {
  line-height: 1;
}

@media only screen and (max-width: 1260px) {
	/* Styles for button on the right in topnav */
#menu-hdr a {
  text-decoration:none;
  padding: 18px 10px 16px;
  font-size: .9em!important;
}
}
@media only screen and (max-width: 1060px) {
	/* Styles for button on the right in topnav */
#menu-hdr a {
  text-decoration:none;
  padding: 18px 10px 16px;
  font-size: .83em!important;
}
}
@media only screen and (max-width: 1002px) {
	/* Styles for button on the right in topnav */
#menu-hdr a {
  text-decoration:none;
  padding: 18px 10px 16px;
  font-size: .7em!important;
}
}
@media only screen and (max-width: 64em) and (min-width: 52.01em) {
  #menu-hdr li {
    width:;
  }

  #menu-hdr .sub-menu li,
  #menu-hdr .sub-menu-lft li {
    width: auto;
  }
}

@media only screen and (min-width: 52em) {
  .sub-menu-lft li {
   border-width: 0 0 0!important;
  }	
  .sub-menu li {
   border-width: 0 0 0!important;
  }	
  
  #menu-hdr .main-menu-hdr {
    display:inline-block;
  }

  #toggle-menu-hdr, 
  #menu-hdr label.drop-icon {
    display: none;
  }

  #menu-hdr ul span.drop-icon {
    display: inline-block;
  }

  #menu-hdr li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #menu-hdr .sub-menu li,
  #menu-hdr .sub-menu-lft li {
    float: none;
  }

  #menu-hdr .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 300px
  }
  #menu-hdr .sub-menu-lft {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px
  }
  #menu-hdr .sub-menu a,
  #menu-hdr .sub-menu-lft a {
    padding:8px 10px;
    font-size: .75em;
  }

  #menu-hdr .sub-menu, 
  #menu-hdr input[type="checkbox"]:checked + .sub-menu,
  #menu-hdr .sub-menu-lft, 
  #menu-hdr input[type="checkbox"]:checked + .sub-menu-lft {
    display: none;
  }
  

  #menu-hdr .sub-menu li,
  #menu-hdr .sub-menu-lft li {
    border-width: 0 0 1px;
  }

  #menu-hdr .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }
  #menu-hdr .sub-menu-lft .sub-menu-lft {
    top: 0;
    left: -200px;
  }

  #menu-hdr li:hover > input[type="checkbox"] + .sub-menu,
  #menu-hdr li:hover > input[type="checkbox"] + .sub-menu-lft {
    display: block;
  }
}

/* Styles for button on the right in topnav */
#menu-hdr .tn-right {margin-right:20px;right:0;overflow:hidden;}
#menu-hdr .tn-join a {
	color: #fff !important;
    background-color: #c00000 !important;
    background-color: rgba(192,0,0,1) !important;
    border: 1px #fff solid !important;
    padding: 6px 6px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px !important;
    display: inline-block;
    margin-right: 10px;
	float:right;
}
#menu-hdr .tn-join a:hover {
	background-color: rgba(192,0,0,1)!important;
    color: #000 !important;
}
#menu-hdr .tn-myvob a {
	color: #C00000 !important;
    background-color: #FFFFFF;
    background-color: rgba(255,255,255,1);
    border: 1px #C00000 solid;
    padding: 6px 6px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px;
	float:right;
}
#menu-hdr .tn-myvob a:hover {
	background-color: rgba(255,255,255,1)!important;
    color: #000 !important;
}
#menu-hdr .tn-vobeacon a {
	color: #fff !important;
    background-color: #5e81b6;
    background-color: rgba(94,129,182,1);
    border: 1px #fff solid;
    padding: 6px 6px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px;
	float:right;
}
#menu-hdr .tn-vobeacon a:hover {
	background-color: rgba(94,129,182,1)!important;
    color: #000 !important;
}
#menu-hdr .tn-jobs a {
	color: #fff !important;
    background-color: #5e81b6;
    background-color: rgba(94,129,182,1);
    border: 1px #fff solid;
    padding: 6px 6px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px;
	float:right;
}
#menu-hdr .tn-jobs a:hover {
	background-color: rgba(94,129,182,1)!important;
    color: #000 !important;
}
#menu-hdr .tn-discounts a {
	color: #fff !important;
    background-color: #5e81b6;
    background-color: rgba(94,129,182,1);
    border: 1px #fff solid;
    padding: 6px 6px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px;
	float:right;
}
#menu-hdr .tn-discounts a:hover {
	background-color: rgba(94,129,182,1)!important;
    color: #000 !important;
}
#menu-hdr .tn-avoba a {
	color: #fff !important;
    background-color: #5e81b6;
    background-color: rgba(94,129,182,1);
    border: 1px #fff solid;
    padding: 6px 6px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px;
	float:right;
}
#menu-hdr .tn-avoba a:hover {
	background-color: rgba(94,129,182,1)!important;
    color: #000 !important;
}
#menu-hdr .tn-directory a {
	color: #fff !important;
    background-color: #5e81b6;
    background-color: rgba(94,129,182,1);
    border: 1px #fff solid;
    padding: 6px 6px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px;
	float:right;
}
#menu-hdr .tn-directory a:hover {
	background-color: rgba(94,129,182,1)!important;
    color: #000 !important;
}
.mobile-links {display:none;}


/*########### Header Styles ###########*/
.logo {padding:10px 0 40px 0!important;margin:0;max-width:48%;float:left;}
.hdr-right {padding:0;margin:0;max-width:48%;float:right;color: #FFFFFF!important;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px #000000;
	line-height: 1.5em!important;
}
.hdr-right .phone {
	padding:0 0 0 20px;
}
.hdr-right .phone a {
	color:#C00000;
	text-decoration:none;
	text-shadow: 1px 1px #FFFFFF;
	font-size:1.5em;
}
.hdr-right .hdr-search { max-width:300px!important;}

.gsc-control-cse, gsc-control-cse-en {
    background-color: transparent!important;
}
.cse .gsc-control-cse, .gsc-control-cse {
    background-color: transparent!important;
    border: 0px solid #fff!important;
}
.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0!important;
    width: auto;
}

@media only screen and (max-width: 900px) {
  .hdr-right {
	  float:left;
	  clear:both;
	  max-width:100%;
	  text-align:center;
	  font-size: 70%;
	  padding-bottom:14px;
	  color:#c00000!important;
	  text-shadow: 1px 1px #FFFFFF;
}
	.logo {max-width:100%;float:left;text-align:center;padding:0 30px 10px 30px;}	
}
@media only screen and (max-width: 430px) {
	.hdr-right {
	  font-size: 62%!important;
	  width:300px;
}
@media only screen and (max-width: 480px) {
	.hdr-right span.phone {
	float:left;clear:both;
	display:inline;
	width:100%;
	text-align:center;
}
	#menu-hdr li {
	background-color:#244674;
}
}
@media only screen and (max-width: 480px) {
	.hdr-right {
	  font-size: 70%;
	  width:300px;
	}	
	.container-inner {
	padding:0 1px!important;
  }
  #main-content {padding:0!important;}
  .hdr-right .mobile-links {
	color: #C00000 !important;
	display:block;
	padding:5px 0;
	text-shadow:none!important;
    }
  .hdr-right .mobile-links a {
	color: #C00000 !important;
    background-color: #FFFFFF;
    background-color: rgba(255,255,255,1);
    border: 1px #C00000 solid;
    padding: 6px 6px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px;
    display: inline-block;
	text-decoration:none!important;
}
.hdr-right .mobile-links a:hover {
	color: #FFFFFF !important;
    background-color: #C00000;
    background-color: rgba(192,0,0,1);
}
}
/* On smaller screens, decrease text size
@ media only screen and (max-width: 400px) {
  .prev, .next,.text {font-size: .75em;}
}