body { 
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
margin:0; 
background:linear-gradient(lightblue, darkblue) repeat scroll 0 0 rgba(0, 0, 0, 0); 
background-attachment:fixed; }

.navbar-brand{
display:none;
}
.navbar-nav {
    width: 100%;
    text-align: center;
}
.navbar-nav  > li {
      float: none;
      display: inline-block;
 }

.navbar-expand-md .navbar-nav {
	justify-content: center;
}

.header img{
width:100%;
}
.container{
background:#fff;
padding-left:0;
padding-right:0;
}
.content{
padding:40px;
}
.sidebar{
padding:20px;
}
.sidebar .card .card-header{
text-align:center;
text-transform:uppercase;
}
.sidebar .card .card-body address{
text-align:center;
font-size:1.5em;
font-weight:bold;
}
.sidebar .card .card-body ul{
margin-left:20%;
}
.sidebar .card .card-body li{
font-size:1.4em;
font-weight:bold;
}

.addthisButtons { float:right; width:100px; }

footer{
background:#999;
text-align:center;
padding:30px 0;
}
.thumb {
    margin-bottom: 30px;
}

.thumb .center-block{
text-align:center;
}
 .thumbs img{
    max-width:92%;
    padding:2%; /* A percentage that, when doubled and added to the above, makes 100%. */
    background:transparent;
    border:1px solid #CCCCCC;
      opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;/* Color of the faux border. */
}


   .thumbs img:hover {
      opacity: 0.5;
      }

.prevNext{
padding:30px;
}

@media(min-width:768px) and (max-width:992px){
.sidebar .panel .panel-body li{
font-size:1em;
}
.sidebar .panel .panel-body ul{
margin-left:0;
}
}
@media only screen and (max-width: 768px) {
.navbar { border-bottom: thin solid var(--gray); }
}