.grid-item {float:left; width:25%; }
.grid-item a {display:block; overflow:hidden;}
.grid-item img{display:block; width:100%; max-width:100%; height:auto; -webkit-transition:0.4s ease; -moz-transition:0.4s ease; transition:0.4s ease;}
.grid-item a:hover img{-webkit-transform:scale(1.08); -moz-transform:scale(1.08); transform:scale(1.08);}
.grid-item .image-card {padding:10px;} 
.content, .callaction, .container { background-color: #000 !important;}
#content {background-color: #000 !important;}
#header_image{margin-top:10px}
#content .address img{ width:300px}
#content .address img#bluepie{ width:200px}

@media screen and (max-width: 600px) {
	header, #topHead{ height:auto; background-color: transparent !important}
  	#header_image{ margin-top: 5px}
  	#content{ margin-top: 0px; background-color:transparent !important; display: flex}
  	.content, .callaction, .container{ background-color:transparent !important}
	#logo img{ width:100%; margin:0 0 17px 0px} 
  	#topHead section.callaction .link{float:left; margin-left:10%; margin-top:0%}
  	#menu{ margin-top:0px }
  	.callaction .link ul li a{width:40px; height:40px}
    .link li a img{width:25px}
	.flex-direction-nav .flex-prev {opacity: 1;left: 10px;}
	.flex-direction-nav .flex-next {opacity: 1;right: 10px;}
  
  	h1.entry-title{ padding-top:20px; font-size:20px}
   
    #content .address img{ width:200px}

}

@media (min-width: 601px) and (max-width: 768px) {
	header, #topHead{ height:auto; background-color: transparent !important}
  	#header_image{ margin-top: 5px; width:100%; display:inline-block}
  	#content{ margin-top: 0px; background-color:transparent !important}
  	.content, .callaction, .container{ background-color:transparent !important}
  	#logo{ width:50%;}
	#logo img{ width:100%; margin:0 0 17px 0px} 
  	#topHead section.callaction .link{float:right; margin-top:0%}
  	#menu{ margin-top:0px }
  	.callaction .link ul li a{width:40px; height:40px}
    .link li a img{width:25px}
	.flex-direction-nav .flex-prev {opacity: 1;left: 10px;}
	.flex-direction-nav .flex-next {opacity: 1;right: 10px;}
  
  	h1.entry-title{ padding-top:20px; font-size:20px}
   
    #content .address img{ width:190px}
  	#content .address img#bluepie{ width:150px}
  	.address h3{ font-size:17px }

}

@media (min-width: 769px) and (max-width: 989px) {
	header, #topHead{ height:auto; background-color: transparent !important}
  	#header_image{ margin-top: 5px; width:100%; display:inline-block}
  	#content{ margin-top: 0px; background-color:transparent !important}
  	.content, .callaction, .container{ background-color:transparent !important}
  	#logo{ width:50%;}
	#logo img{ width:100%; margin:0 0 17px 0px} 
  	#topHead section.callaction .link{float:right; margin-top:0%}
  	#menu{ margin-top:0px }
  	.callaction .link ul li a{width:40px; height:40px}
    .link li a img{width:25px}
	.flex-direction-nav .flex-prev {opacity: 1;left: 10px;}
	.flex-direction-nav .flex-next {opacity: 1;right: 10px;}
  
  	h1.entry-title{ padding-top:20px; font-size:20px}
   
    #content .address img{ width:190px}
  	#content .address img#bluepie{ width:150px}
  	.address h3{ font-size:17px }

}

@media (min-width: 990px) {
	header, #topHead{ height:auto; background-color: transparent !important}
  	#header_image{ margin-top: 5px; width:100%; display:inline-block}
  	#content{ margin-top: 0px; background-color:transparent !important}
  	.content, .callaction, .container{ background-color:transparent !important}
	#logo img{ width:100%; margin:10px 0 17px 0px} 
  	#topHead section.callaction .link{float:right; margin-top:0%}
  	#menu{ margin-top:0px }
  	.callaction .link ul li a{width:40px; height:40px}
    .link li a img{width:35px}
	.flex-direction-nav .flex-prev {opacity: 1;left: 10px;}
	.flex-direction-nav .flex-next {opacity: 1;right: 10px;}
  
  	h1.entry-title{ padding-top:20px; font-size:20px}
   
    #content .address img{ width:190px}
  	#content .address img#bluepie{ width:150px}
}