/*!
 * Start Bootstrap - Busines Frontpage (http://startbootstrap.com/template-overviews/business-frontpage)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-frontpage/blob/master/LICENSE)
 */

body {
    padding-top: 54px;
    background: url('../images/lines.png') center bottom no-repeat scroll;
	font-family: 'Roboto', sans-serif;
}
.icon {width: 6%;
float: left;}
.phonenumber {font-size: 24px;
text-align: left;
width: 30%;
float: left;
}
.phonenumbercontainer {width: 100%;}
.homelogo {
position: absolute;
   right: 0px;
   top: 20px;
}
.homelogocontainer {
position:relative;
}
#map
{
    filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);    
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}
@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}

.business-header {
    height: 250px;
    min-height: 250px;
    background: url('../images/banner.jpg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	border-bottom: solid 10px #54acc5;
	margin-bottom: 40px;
}

.card {
    height: 100%;
	background-color: #E8E8E8;
}
.img-responsive { max-width: 100%; 
height: auto; and display: block;
}
.marginbottom40 {margin-bottom: 40px;}

.wrapper {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	padding: 0 30px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}
.wrapper-full-width-blue-strip {
    background-color: #0071B5;
    width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}
.greyfullwidth {
    padding: 20px 0px;
    border: 0px solid red;

}
.centered {
    text-align: center;
}
a.whitelinks {color: #FFFFFF !important;}

@media only screen and (min-width: 320px) and (max-width: 568px){
  .business-header {display: none;}
  .phonenumber {font-size: 24px;
text-align: left;
width: 80%;
float: left;
}
.icon {width: 20%;
float: left;}
}