/*FancyBox Fix for Bootstrap Box-Sizing:Border-Box
https://stackoverflow.com/questions/19920391/fancybox-image-is-overflowing-off-right-side-of-lightbox
*/
#fancybox-wrap, #fancybox-wrap *{
    -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
      -o-box-sizing: content-box;
     -ms-box-sizing: content-box;
         box-sizing: content-box;
}


/*Override or reset of certain Bootstrap native styles

used inherit (versus unset or revert) because font-size is typically inherited from its parent*/
.dropdown-menu, .btn {font-size:inherit}
.form-control {font-size:inherit}
.panel-title {font-size:revert}

/* Layout
================================ */
html, body {
    -x: hidden;
	 /*previously 65px when had Get Free Quote botton visible; add padding-top for .navbar-fixed-top, per http://getbootstrap.com/components/#navbar-fixed-top*/	
	/*scroll-behavior: smooth;*/
}

body {
	font-size:16px;
	/*new: letter-spacing*/
	letter-spacing:0.5px;
}
@media (min-width: 768px) {
.container {
	font-size:1.25em
}
}

@media (min-width: 1430px) {
    .container {
        width:1400px
    }
}

.container {
	background-color: #fff;
}

/*.col-xs-12 {padding:0}*/

.header{
	background-color: #fff;
}

.main-menu ul li.camel{
	/*list-style-type: none;
	display: inline;*/
	margin: 0 20px 0 20px; 
}

.main-menu{
	padding-top: 20px;
	/*text-align: center;*/
}

.border
{
	border: 1px solid #95cce3;
	border-radius: 10px;
	box-shadow: 1px 1px 1px #000;
}
#phone
{
	margin-top: 12px;
}
#phone h2{
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	color: #F60;
	margin-top: 10px;
	line-height: 0px;
}
#phone h1{
	font-size: 25px !important;
	color: #006699;
	margin: 0px !important;
	font-weight: bolder;
	line-height: 15px;
}

@media (min-width:992px) {
  .col-md-9 {
	  padding: 0 50px;	
  }
}

.col-md-9 h1 {
	border-top:1px lightgray solid;
	border-bottom:1px lightgray solid;
	padding: 15px 0	
}

.navbar{background-color: transparent;border:none;margin-bottom:5px}
.navbar-toggle{margin:0px;}
.header-icons{	border:none;}
.header-icons:hover{background: none;}
.main-container{background-color: #fff;border-radius: 10px; border:1px solid #acd0e0;}
/*.left-sidebar{background-color: #fff;}
.left-sidebar:hover{background-color: #fff;}*/
.left-sidebar ul{list-style-type: none;}

ul.special-list
{
	padding-left: 5px;
	margin:0px; 
}

.space
{
	margin-top: 20px;
}
.menu
{
	/*margin-top: 40px;*/
	: hidden;
	/*border-radius: 10px;*/
	
}
.menu ul
{
	padding-top: 10px;
	padding-bottom: 10px;
}


.menu ul li
{
	list-style: none;
	line-height: 30px;
}
.menu li a
{
	font-weight: bold;
	font-size: 12px;
	color: #006699;
	/*padding-left: 5px;*/
	text-decoration: none;
}
.menu ul li a:hover
{
	color: #ff6600;
}


.campaigns  
{
	clear:both
}

.campaigns ul li
{
	list-style: none;
	display: inline-block;
}

.campaigns a
{
	color: #333;
}

.campaigns ul li
{
	display:flex;	
	display: table;
	/*border-bottom:1px dotted #000;*/
}


#collapseCampaigns .campaign-thumbnail img
{
	float: left;
	margin-right:10px;
}

.client
{
	margin-bottom: 25px;
	border-radius: 10px;
	text-align: center;
	background: #b8d7e4; /* Old browsers */
	background: -moz-linear-gradient(top,  #b8d7e4 -4%, #ffffff 10%, #ffffff 95%, #b8d7e4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b8d7e4), color-stop(10%,#ffffff), color-stop(90%,#ffffff), color-stop(100%,#b8d7e4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b8d7e4 -4%,#ffffff 10%,#ffffff 95%,#b8d7e4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b8d7e4 -4%,#ffffff 10%,#ffffff 95%,#b8d7e4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b8d7e4 -4%,#ffffff 10%,#ffffff 95%,#b8d7e4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b8d7e4 -4%,#ffffff 10%,#ffffff 95%,#b8d7e4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8d7e4', endColorstr='#b8d7e4',GradientType=0 ); /* IE6-9 */
}

.client img
{
	width: 95px;
}

.client ul
{
	/*padding-left: 80px;*/
}

.client ul li
{
	list-style: none;
	display: inline-block;
	padding: 10px;
}


.text-input-grey {
	width: 100%;
	background-color: #ffffff;
	font-size: 1em;
	line-height: 20px;
	height: 35px;
	color: #000;
	padding: 0 10px;
	border: 1px solid gray;
	/*border-radius: 20px;*/
	box-shadow: 0 0 5px #bababa inset;
}

.footer-menu ul
{
	padding: 10px 0px;

}
.footer-menu ul li
{
	list-style: none;
	/*padding-top: 7px;*/
}
.footer-menu li a
{

	line-height: 1.75;
	color: #006699;
}
.footer-menu ul li a:hover
{
	color: #ff6600;
}


.next-prev
{
	margin-bottom: 5px;
}
.next-prev ul li
{
	list-style: none;
	display: inline-block;
	padding-right: 20px;
}
.next-prev a
{
	font-size: 12px;
	font-weight: bold;
	color: #006699;
}
.next-prev a:hover
{
	color:#F60;
}

/*input[type=text], input[type=password], input.text, input.title, textarea, select
{
	margin:0 !important;
}
*/


.add ul
{
	padding-left: 0px;
}

.dark
{
	background-color: #f5f5f5;
	/*border:1px solid;*/
}

.navbar-header button.header-icons{font-size:2em;padding-top:0px;}

/*following has to remain at min-width:768 b/cuz Bootstrap style sheet has styling 
for navbar-header and .nav-bar at that size*/
@media (min-width: 768px) {
.navbar-header {float: right;}
.navbar-nav {width:615px /*405 previously 320 and before that 380*/; float:none; margin: auto; font-size:24px} /*expanded to 405px to render correctly in iPad portrait view when actually tested on an iPad; Chrome Dev Tools not accurate for iPad*/
.scrollable-menu {
    height: auto;
    max-height: 500px;
    /*overflow-x: hidden;*/
    overflow-y: scroll
}
}


.collapse {
overflow:auto;
}

.collapseContainer .panel{
border-bottom: 1px solid #000;
border-radius:0;
margin-bottom:0;
padding-bottom:100px;

}

/*.panel:first-child {border-top: 1px solid #000;}*/

/*.collapseContainer h2 {
	font-size: 2em;
	color: #069;
	font-weight: bold;
	padding: 10px 0 10px 15px;
	margin:0;
}*/

/*.collapseContainer h2 .glyphicon {color:#000; font-size:16px!important; margin-top: 5px; margin-right: 15px;}*/


.collapseContainer .panel h2 {
	cursor:pointer; 
    background-color: #f5f5f5;
    border-radius: 4px;
	padding:25px;
}


/*h1{
color: #F60!important;
font-size: 2.5em;
font-weight: bolder;
text-align: center;}*/


.callquote{font-size: 18px!important;font-weight:bolder; !important;color: #069;margin-bottom: 0px !important;text-align: left;}
.phonequote{font-size: 18px!important;font-weight:bolder; !important;color: #ff6600;margin-bottom: 0px !important;text-align: left;}
.callForQuote,.mobisearch{background-color:#fff;}
#collapseOne input[type="text"],#collapseOne .btnn,#collapseOne {width:100%;}
#collapseOne{padding:10px;}


/*.contact
{
	padding-top:30px;
	font-size: 12px;
}
.contact img
{
	padding: 10px;
}*/

#secretary
{
	font-size: 12px;
}
#secretary p
{
	padding-top: 30px;
}

#secretary img
{
	border:1px solid #006699;
	width: 90%;
	margin-top: 30px;
}
.contact p
{
	padding-left: 56px;
}
.navbar-toggle
{
	padding: 9px 7px;
}
.col-sm-8.hidden-xs.new{padding:right:0px;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus
{
	background-color: #fff;
	text-decoration: none;
}
.navbar-default .navbar-nav>li>a:hover
{
	text-decoration: none;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover
{
	text-decoration: none;
}

.sharing-button {display:inline;float:left}
.sharing-button{margin-right:20px;margin-left:15px;}




}
.breadcrumbs {
  /*in html, place breadcrumbs between .header;
  position:absolute;
  top:82px;
  left:15px;
  margin:0
  padding:0*/
	
	/*height: 14px;*/
	/*line-height: 19px;*/
	/*margin: -24px 0 0 0;*/
	/*padding: 0 0 0 16px;*/
	text-align: left;
	/*width: 997px;*/
}

.breadcrumbs div {
  display: inline;
}
.breadcrumbs div:first-child {
	/*padding-left: 12px;*/
}
.breadcrumbs a{
  color:#069; font-weight:normal;
}

.breadcrumbs a:hover{
	color:#F60;
}

.panel-group
{
	margin-bottom: 0px !important;
}

.noBottomBorder {border-bottom:none}
.yesBottomBorder {border-bottom:1px solid #000}

.paddingLeft {padding-left:15px}


.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color:transparent}

/*.getFreeQuote {display:block; border-bottom:1px solid #000}
.getFreeQuote:hover {text-decoration:none; background-color:#ebebeb}
.getFreeQuote h4 {text-align:center; font-size: 2em; color: #069; font-weight: bold; margin:0}
*/

.getFreeQuote {
	font-size: 2em; 
	color: #069; 
	font-weight: 
	bold; 
	margin:0; 
	padding:0; 
    /*-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.05);*/
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.imageGallery {overflow:auto; text-align:center}
.imageGallery a {float:left; width:50%; padding:10px;}

.imageGalleryNew {overflow:auto; text-align:center}
.imageGalleryNew a  {float:left; width:50%; padding:10px; position:relative;}

/*https://stackoverflow.com/questions/19345912/clear-floats-after-every-second-div*/
.imageGalleryNew a:nth-child(odd) { clear: both; }

.imageGalleryNew a div {padding-bottom:75%; height:0; background-color: lightgray; border-radius:6px; }
.imageGalleryNew a span {
	font-size:1.25em;     
	position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%);
    background-color: white;
    width: 100%;
    opacity: 90%;
	}
.imageGalleryNew a span .glyphicon {font-size:.75em}

.imageGalleryNewCarousel {overflow:auto; text-align:center}
.imageGalleryNewCarousel .carousel-wrap  {float:left; width:50%; padding:10px; position:relative}
.imageGalleryNewCarousel .carousel-wrap:nth-child(odd) { clear: both; }
.imageGalleryNewCarousel .carousel-wrap > a:last-child > span {
	font-size:1.25em;     
	position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%);
    background-color: white;
    width: 100%;
    opacity: 90%;
	}
.imageGalleryNewCarousel a span .glyphicon {font-size:.75em}

.imageGalleryNewCarousel .carousel-wrap .carousel-inner {cursor:pointer}

.btn-group-justified .btn .glyphicon {font-size:1.5em}

.imageGalleryNewCarouselSingle {padding:10px;}

.full-site {text-align:center; padding:20px;}

.campaigns-new a {overflow:auto }
.campaigns-new img {float:left; width:133px; height:78px}
.campaigns-new p {padding-left:0; padding-right:0; margin-left:140px; margin-bottom:20px}


.campaigns-container .carousel-inner .item img {margin:auto}
.campaigns-container h3 {padding-left:10px; color:#069} 


/*added following for image to stretch across entire carousel background*/
.carousel-inner>.item>img {width:100%}

/*
Begin Image Reflow or Maintaining Aspect Ratio
https://aspiringwebdev.com/stop-your-web-pages-from-jumping-around-while-images-load/
https://www.voorhoede.nl/en/blog/say-no-to-image-reflow/
https://www.codecaptain.io/blog/web-development/responsive-images-and-preventing-page-reflow/474
https://web.dev/optimize-cls/
https://www.andyshora.com/css-image-container-padding-hack.html

for campaigns, originally 70%; then changed to 60% for proper look on 1366x768 and 1920x1080 resolutions; finally to 75% which is correct orientation for 650x488 photos.
*/
.campaigns-container #carousel-example-generic .carousel-inner {padding-bottom:75%; height:0; background-color: #e9e9e9}

/*padding-bottom of 8% works for all resolutions including 1366x768 and 1920x1080; higher padding numbers were producing white space on some resolutions; responsive margins is likely the problem */
.campaigns-container .item .thumb {padding-bottom:8%; height:0; overflow:hidden}

/*@media (min-width: 500px) {
	.campaigns-container .item .thumb{padding-bottom:10%; height:0; }
}
@media (min-width: 768px) {
	.campaigns-container .item .thumb{padding-bottom:9.5%; height:0; }
}
@media (min-width: 1200px) {
	.campaigns-container .item .thumb{padding-bottom:8%; height:0; }
}*/

.imageGallery a{padding-bottom:40%; height:0; }
/*started at 500px instead of 768px to account for mobile landscape orientation */
@media (min-width: 500px) {
	.imageGallery a{padding-bottom:30%; height:0; }
}
@media (min-width: 1200px) {
	.imageGallery a{padding-bottom:25%; height:0; }
}

.image-gallery-single {padding-bottom:56.25%; height:0; background-color: lightgray; border-radius:6px}

.image-75-percent {padding-bottom:75%; height:0; background-color: lightgray; border-radius:6px} 

.container-650-max {max-width:650px}

/*End Image Reflow*/



.first-parag, .parag-first  {margin-top:30px}

.blm-blue {color:#006699}


body {cursor:pointer;}
  	/* 
	on touch screens, cursor set to pointer in order for entire html to recognize clicks on background areas, which clicks close all the dropdowns per code in /js/globals.js; 
	see http://stackoverflow.com/questions/3705937/document-click-not-working-correctly-on-iphone-jquery
	*/
  
  .sidebar{display: none;}

@media (min-width:992px) {
  body {cursor: auto;}
  	/* 
	on touch screens, cursor set to pointer in order for entire html to recognize clicks on background areas, which clicks close all the dropdowns per code in /js/globals.js; 
	see http://stackoverflow.com/questions/3705937/document-click-not-working-correctly-on-iphone-jquery
	*/

  .sidebar{display: block;}
}

      /*on 5.26.15, for div with id="collapseQuote", added "overflow-y:scroll; max-height:125px" to Get Free Quote form to scroll vertically (in light of addition of #navbar-fixed-top); and added max-height:125px to override collapse-in's automatic addition of height:auto (max-height is not overriden by collapse-in's addition of height)   */

	

#search-form {
  border: 1px solid #ADD0E0;
  width: 225px;
  padding: 5px;
  background-color: #fff;
  margin:auto;
}

#search-form .input-field {
  margin: 0;
  border: none;
  width: 195px;
  float: left;
  padding: 1px;
}

td[rowspan] {
    background-color: #fff !important;
}

/* Testimonials 
http://bootsnipp.com/snippets/featured/responsive-simple-testimonials
*/

.testimonials {clear:both }

.testimonials blockquote {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    position: relative;
}
.testimonials blockquote::before {
    width: 0; 
    height: 0;
	right: 0;
	bottom: 0;
	content: " "; 
	display: block; 
	position: absolute;
    border-bottom: 20px solid #fff;    
	border-right: 0 solid transparent;
	border-left: 15px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-bottom-style: inset; /*FF fixes*/
}
.testimonials blockquote::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #e63f0c transparent transparent transparent;
}
.testimonials .carousel-info img {
    /*border: 1px solid #f5f5f5;
    border-radius: 150px !important;
    height: 75px;
    padding: 3px;
    width: 75px;*/
	width:133px;
}
.testimonials .carousel-info {
    overflow: hidden;
}
.testimonials .carousel-info img {
    margin-right: 15px;
}
.testimonials .carousel-info span {
    display: block;
}
.testimonials span.testimonials-name {
    color: #e6400c;
    font-size: 16px;
    font-weight: 300;
    margin: 23px 0 7px;
}
.testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
}
.testimonials .item {
    margin-bottom: 50px;
}

/*Text Fade Out / Read More Link. Source: https://css-tricks.com/text-fade-read-more/
*/
.sidebar-box {
  max-height: 400px; /* originally: 120px*/
  position: relative;
  overflow: hidden;
}
.sidebar-box .read-more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; padding: 30px 0; 
	
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, white);
}

/*July 2020: turned off following so as to apply above to state billboard pages' zip codes*/
/*
@media (min-width: 992px) {
  .sidebar-box {
	max-height: none;
  }
  .sidebar-box .read-more{
	display:none;
  }
}
*/


/*Text Fade Out / Read More Link. END
*/


/*added .anchor to provide offset for fixed nav bar at top
*/
.anchor {
		display: block;
		position: relative;
		top: -135px;
		visibility: hidden;
}

.campaign-highlights {
	overflow:auto; 
	border: 1px #069 solid; 
	border-radius:5px; 
	padding: 10px; 
	margin-bottom: 25px;
	}
		
.menu-sidebar {
	list-style-type:none;
	padding-left:0;
	line-height:45px}

.sidebar h2 {text-align:center;}

.sidebar .panel {margin-bottom:60px;}

a.activelink { color: #F60; text-decoration: underline; }

.breadcrumb {margin-bottom:5px;}


.nav-pop { position: relative}
.nav-pop img {display:none; position: absolute; left: 90px; top:0px; border:solid 5px #357ebd; border-radius:6px; z-index:100;  }

.sell-sheet {position:absolute; top:-40px; right:5%; color:#F60; text-decoration:none; }

.need-pics-question {position:absolute; top:-20px; right:5%; color:#F60; text-decoration:none; }
.need-pics-answer
{
	position:absolute; 
	background-color:white;
	display:none; 
	outline:black solid 1px; 
	width:300px; 
	padding:10px; 
	/*top:20px;*/
	right:5%;
	color:#333;
	font-weight:normal;
}

.question-mark {
	position:relative;
}
.answer-rates {
	position:absolute; 
	background-color:white;
	display:none; 
	outline:black solid 1px; 
	width:300px; 
	padding:10px; 
	left:1px; 
	/*top:17px;*/
	color:#333;
	font-weight:normal;
}


table.biz-travel-table, table.biz-travel-table th, table.biz-travel-table td {border:1px solid black}
table.biz-travel-table th {vertical-align:middle; text-align:center}

.iframes-video {
	float:left; 
	padding:0; 
	margin:0;
	width:365px; 
	height:190px;
}

.iframes-video-tylenol {
	float:right; 
	padding:0; 
	margin:0 80px 0 10px;
	width:320px; 
	height:180px;
}

.close-x{display:none}


@media (max-width:450px) {
  .logo-header img {width: 130px; height:auto}  
}

/* thumbcarousel:  https://codepen.io/pankajthakur/pen/qmpKaw?editors=1100 */
#thumbcarousel { margin: 12px 0 0;}
#thumbcarousel .item .thumb {border: 4px solid #cecece; width: 20%; margin: 1% 2%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 98px; float: left; }
#thumbcarousel .item .thumb:hover { border-color: #1089c0; }
#thumbcarousel .item img { width: 100%; height: auto; }


/*
Solution to: Navbar hides initial content when jumping to in-page anchor
https://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header
*/
.menu-anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}

/* 
ALT solution did not work in Firefox: https://github.com/twbs/bootstrap/issues/1768#issuecomment-46519033
.menu-anchor:before { 
  display: block; 
  content: " "; 
  margin-top: -200px; 
  height: 200px; 
  visibility: hidden; 
}
*/

/*April 2020:  commented following out because applied col-xs-* classes to each #collapseMarkets table thead th
rationale for this change: each ad format will have different number of columns for table
https://stackoverflow.com/questions/15115052/how-to-set-up-fixed-width-for-td
*/

/*#collapseMarkets table thead th:first-child {width:25%}
#collapseMarkets table thead th:last-child {width:75%}

#collapseMarkets table.table-bus thead th:nth-child(1) {width:30%}
#collapseMarkets table.table-bus thead th:nth-child(2) {width:35%}
#collapseMarkets table.table-bus thead th:nth-child(3) {width:35%}

#collapseMarkets table.table-airport thead th:nth-child(1) {width:19%}
#collapseMarkets table.table-airport thead th:nth-child(2) {width:27%}
#collapseMarkets table.table-airport thead th:nth-child(3) {width:27%}
#collapseMarkets table.table-airport thead th:nth-child(4) {width:27%}*/


#collapseRates table thead th:first-child {width:50%}
#collapseRates table thead th:last-child {width:50%}

#collapseSpecs table thead th:first-child {width:50%}
#collapseSpecs table thead th:last-child {width:50%}



/*Table Filter
https://www.w3schools.com/howto/howto_js_filter_table.asp*/

#table-filter-A-0, #table-filter-A-1, #table-filter-A-2, #table-filter-A-3, #table-filter-B-0, #table-filter-B-1, #table-filter-B-2, #table-filter-B-3, #table-filter-C-0, #table-filter-C-1, #table-filter-C-2, #table-filter-C-3, #table-filter-C-4, #table-filter-C-5, #table-filter-C-6, #table-filter-D-0, #table-filter-D-1, #table-filter-D-2, #table-filter-D-3, #table-filter-D-4, #table-filter-D-5, #table-filter-D-6 {
	background-image: url('../png/searchicon.png');
	background-repeat: no-repeat;
	padding-left:21px;
	width: 100%;
	}
	
@media print { 
/*https://www.sitepoint.com/css-printer-friendly-pages/*/
    body {
        padding-top:0;
    }
    .navbar-fixed-top {
        position:static;
    }
    .navbar {
        display:block;
    }
    .getFreeQuote {
        display:none;
    }
}	


/*Scroll to top button https://codepen.io/michalwyrwa/pen/GBaPPj */
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}

/* https://csswizardry.com/2010/02/mutiple-column-lists-using-one-ul/ */
@media (min-width: 992px) {
	.navbar-nav .dropdown-menu.scrollable-menu {width:875px;overflow-y:auto} /*675px*/
	.navbar-nav .dropdown-menu.scrollable-menu li {float:left;width:25%}
}

.description-list li {margin-bottom:10px}



/* wrapped in div so that when image does not exist for a particular board, the blank space is shown; used fixed width b/c
aspect-ratio is unknown b/c image widths vary and are unknown; used 178px fixed width b/c it's the widest aspect-ratio of
16/9 */
.billboard-map-info .billboard-image-wrap {height:100px; width:178px;margin:auto; background-color:#f9f9f9} 

/* used width:auto and not max-width:100% b/c max-width:100% can produce img wider than intrinsic image width 
when using fixed height in css and no width attribute in img tag  */
.billboard-map-info img {height:100px; width:auto; } 

/*used 992 b/c iphone 13 mini viewport is ____ on landscape*/
@media (min-width: 992px) {
	.billboard-map-info .billboard-image-wrap {height:200px; width:356px; }
	.billboard-map-info img {height:200px; }
}

#divMap {aspect-ratio:16/9}

.panel .panel-body .table .carousel-wrap{float:initial !important;  width:initial !important; }

@media (min-width: 768px) {
.panel .panel-body .table tr td:nth-child(3),
.panel .panel-body .table tr th {
    font-size: 1.25em;
}
}