/* Home page banner*/
.bcBanner1 {
  background-image: url("images/bookkeepingBanner1Large.jpg");
}

/* About page banner*/
.bcBanner2 {
  background-image: url("images/bookkeepingBanner2Large.jpg");
}

/* Fees page banner*/
.bcBanner3 {
  background-image: url("images/bookkeepingBanner3Large.jpg");
}

/* Contact page banner*/
.bcBanner4 {
  background-image: url("images/bookkeepingBanner4Large.jpg");
}

/* Banner images on medium sized screen*/
@media only screen and (max-width: 990px) {
    .bcBanner1 { 
        background-image: url("images/bookkeepingBanner1Medium.jpg");
    }
	.bcBanner2 { 
        background-image: url("images/bookkeepingBanner2Medium.jpg");
    }
    .bcBanner3 { 
        background-image: url("images/bookkeepingBanner3Medium.jpg");
    }
    .bcBanner4 { 
        background-image: url("images/bookkeepingBanner4Medium.jpg");
    }
}

/* Top banner image*/
.bcBannerImage {
  background-position: center;
  background-size: cover;
  padding-top: 18em;
  padding-bottom: 2em;
}

/* Black span in header*/
.bcBannerSpan {
  opacity:0.7;
}

/* First content div*/
.bcContentDiv {
	padding-top: 64px;
	padding-bottom: 64px;
}

/* Banner images on small sized screen*/
@media only screen and (max-width: 600px) {
    .bcBanner1 { 
        background-image: url("images/bookkeepingBanner1Small.jpg");
    }
    .bcBanner2 { 
        background-image: url("images/bookkeepingBanner2Small.jpg");
    }
    .bcBanner3 { 
        background-image: url("images/bookkeepingBanner3Small.jpg");
    }
    .bcBanner4 { 
        background-image: url("images/bookkeepingBanner4Small.jpg");
    }
	.bcBannerImage {
		padding-top: 25em;
		padding-bottom: 0;
	}
	.bcBannerSpan {
		opacity:0.6;
	}
	.bcContentDiv {
		padding-top: 32px;
	}
}


/* Table holding three cubes*/
.bcTable {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
	border-spacing: 20px 0px;
	
}

/* Column in table holding three cubes*/
.bcCol {
    display: table-cell; /* Make elements inside the container behave like table cells */
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
	width: 33%;
	margin-bottom: 32px;
}

.bcColImage {
    display: table-cell; /* Make elements inside the container behave like table cells */
	padding: 0px;
	width: 33%;
	margin-bottom: 32px;
}

.bcRow {
    display: table-row; /* Make elements inside the container behave like table rows */
}


@media only screen and (max-width: 600px) {
    .bcCol { 
        display: block;
        width: 100%;
    }
    .bcColImage { 
        display: block;
        width: 100%;
    }
}

/* Contact info table*/
.bcContactTable {
    display: table; /* Make the container element behave like a table */

}

/* Column in contact*/
.bcContactCol {
    display: table-cell; /* Make elements inside the container behave like table cells */
	padding-bottom: 5px;
}

/* Row in contact table*/
.bcContactRow {
    display: table-row; /* Make elements inside the container behave like table rows */
}

/* Make google map responsive*/
.bcGoogleMap {
    position: relative;
    padding-bottom: 75%; 
    height: 0;
    overflow: hidden;	
}

.bcGoogleMap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}

/* Main logo */
.bcSquareLogo {
	padding: 5px; 
	padding-left:10px;
}

/* Main logo */
.bcTextLogo {
	padding: 5px; 
	padding-top:10px;
}

/* Outer div of main footer */
.bcMainFooter {
	padding-top: 25px; 
	padding-bottom: 15px;
}

/* Column in main footer */
.bcMainFooterColumn {
	padding-bottom: 16px; 
}

/* No underline on links */
.bcNoUnderline {
	text-decoration: none;
}

/* Top & bottom padding 8px*/
.bcRightPadding8 {
	padding-right: 8px;
}

/* Top & bottom padding 8px*/
.bcTopBottomPadding8 {
	padding-top: 8px;
	padding-bottom: 8px;
}

/* Top & bottom padding 8px*/
.bcTopBottomPadding8 {
	padding-left: 8px;
	padding-right: 8px;
}

/* Left & right padding 32px*/
.bcSidePadding32 {
	padding-left: 32px;
	padding-right: 32px;
}

/* Left & right padding 16px*/
.bcSidePadding16 {
	padding-left: 16px;
	padding-right: 16px;
}

/* Bottom margin 32px*/
.bcBottomMargin32 {
	margin-bottom: 32px;
}

/* Bottom margin 64px*/
.bcBottomMargin64 {
	margin-bottom: 64px;
}