.banner {
   height:		80px;
   background-color:	#000000;
   background-image:	url(/img/banner-top-large.jpg);
   background-position:	center;
   background-repeat:	no-repeat;
   /*background-position:	-1000 1000;*/
   /*margin-left:		-10;*/
   /*margin-right:	-10;*/
   }

.bannerm {
   height:		40px;
   background-color:	#000000;
   background-image:	url(/img/banner-top-mobile.jpg);
   background-position:	center;
   background-repeat:	no-repeat;
   }

.menuvspace {
   height:		31px;
   background-image:	url(/purecssmenu/images/btn3.jpg);
   margin-bottom:	6;
   }

h1,h2,h3 {
   text-align: center;
   }

.pageContents {
   font-family:	sans-serif;
   text-align:	center;
   background-color:	#dddddd;
   border-style:	outset;
   border-color:	#000000;
   border-width:	3;
   padding-bottom:	3px;
   }

.locobaseImageMap,.survivorImageMap {
   display: block;
   }
.stateLinks {
   display: none;
   }
.locobaseColumns {
   -webkit-column-count: 5; /* Chrome, Safari, Opera */
   -moz-column-count: 5; /* Firefox */
   column-count: 5;
   -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
   -moz-column-gap: 20px; /* Firefox */
   column-gap: 20px;
   -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
   -moz-column-rule-style: solid; /* Firefox */
   column-rule-style: solid;
   -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
   -moz-column-rule-width: 1px; /* Firefox */
   column-rule-width: 1px;
   -webkit-column-rule-color: lightblue; /* Chrome, Safari, Opera */
   -moz-column-rule-color: lightblue; /* Firefox */
   column-rule-color: lightblue;
   }
@media only screen and (max-width: 1280px) { /* if it's less than this do...*/
   .locobaseColumns {
      -webkit-column-count: 4; /* Chrome, Safari, Opera */
      -moz-column-count: 4; /* Firefox */
      column-count: 4;
      }
   }
@media only screen and (max-width: 1050px) { /* if it's less than this do...*/
   .locobaseColumns {
      -webkit-column-count: 3; /* Chrome, Safari, Opera */
      -moz-column-count: 3; /* Firefox */
      column-count: 3;
      }
   .locobaseImageMap {
      display: none;
      }
   .banner {
      background-image:	url(/img/banner-top-medium.jpg);
      }
   .bannerImage {
      max-width: 750px;
      height: auto !important;
      }
   }
/* iPhone 8 res: 750x1334 or 375x667 */
@media only screen and (max-width: 780px) { /* if it's less than this do...*/
   .locobaseColumns {
      -webkit-column-count: 2; /* Chrome, Safari, Opera */
      -moz-column-count: 2; /* Firefox */
      column-count: 2;
      }
   /*td {
      font-size: 50%;
      }*/
   .banner {
      background-image:	url(/img/banner-top-small.jpg);
      }
   .bannerImage {
      max-width: 550px;	/* good for iPhone landscape */
      height: auto !important;
      }
   .survivorImageMap {
      display: none;
      }
   .stateLinks {
      display: block;
      }
   }
/* iPhone 8 logical res: 375x667 */
@media only screen and (max-width: 580px) { /* 550 + 30 more than */
   .locobaseColumns {
      -webkit-column-count: 2; /* Chrome, Safari, Opera */
      -moz-column-count: 2; /* Firefox */
      column-count: 2;
      }
   /*td {
      font-size: 50%;
      }*/
   .banner {
      background-image:	url(/img/banner-top-small.jpg);
      }
   .bannerImage {
      max-width: 260px;	/* good for iPhone portrait */
      height: auto !important;
      }
   .alignRightImage {
      max-width: 240px;	/* good for iPhone portrait */
      height: auto !important;
      }
   .survivorImageMap {
      display: none;
      }
   .stateLinks {
      display: block;
      }
   }

.ad {
   border:	solid #eeeeee thin;
   color:	#999999;
   margin-top:	10px;
   margin-bottom:	10px;
   font-size: 90%;
   }

.ad a {
   color:	#999999;
   }
.spanningad {
   /*margin-top:	10px;*/
   /*margin-right:	16px;*/
   /*padding-right:	10px;*/
   /*padding-bottom:	0px;*/
   border-style:	solid;
   border-width:	1px;
   border-color:	#eeeeee;
   /*width:		130px;*/
   }
.rightalignad {
   float:		right;
   /*margin-top:		10px;*/
   margin-right:	16px;
   /*padding-right:	10px;*/
   padding-bottom:	0px;
   border-style:	solid;
   border-width:	1px;
   border-color:	#eeeeee;
   width:		130px;
   }
.rightalignad ul {
   padding-left:	24px;
   }

.inlinead {
   /*float:	right;*/
   margin-top:		10px;
   border-style:	solid;
   border-width:	1px;
   border-color:	#eeeeee;
   width:		300px;
   }
.inlinead ul {
   margin-left:		10px;
   padding-left:	10px;
   color:		#999999;
   }

.inlinead ul a {
   color:		#333399;
   }

.sitead {
   width:	120px;
   float:	right;
   /*border:	solid black thin;*/
   background-color:	#f8f8f8;
   }
.sitead h3 {
   margin-top:	0px;
   }
.siteadspace {
   /*margin-right:	140px;*/
   }

.simpleTableRightSpace {
   background-color:	#ffffff;
   border-style:	solid;
   border-width:	thin;
   border-color:	#000;
   padding:		5px;
   margin-right:	160px;
   }
.simpleTable {
   background-color:	#ffffff;
   border-style:	solid;
   border-width:	thin;
   border-color:	#000;
   padding:		5px;
   }

.footer {
   color:		#cccccc;
   background-color:	#333333;
   text-align:		right;
   /*background-image:	url(/purecssmenu/images/btn3.jpg);*/
   height:		30px;
   font-weight:		normal;
   font-family:		sans-serif;
   font-size:		small;
   }
.footer div {
   padding-top:		7px;
   padding-right:	20px;
   }

/*
.card-columns {
  @include media-breakpoint-only(xl) {
    column-count: 5;
  }
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
  @include media-breakpoint-only(md) {
    column-count: 3;
  }
  @include media-breakpoint-only(sm) {
    column-count: 2;
  }
}*/


@media (min-width: 576px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 900px) {
    .card-columns {
        column-count: 3;
    }
}

@media (min-width: 1400px) {
    .card-columns {
        column-count: 4;
    }
}

/*
@media (min-width: 1200px) {
    .card-columns {
        column-count: 5;
    }
*/
}