/***********/
/* General */
/***********/

/* Links */
	a, a:hover, a:active, a:visited, a:link {
	text-decoration: none !important;
	}

/* Flex boxes */
	.keen-flex-container {
		display: flex;
		justify-content: space-around;
		align-items: center;
		align-content: flex-start;
	}

/* Tables */
	table.keen-table-center {
		margin-left: auto;
		margin-right: auto;
	}

/* Scaleable font sizes for very small screens */
	@media (max-width: 479px) {
		h1 {
			font-size: 6.9vw !important;
		}
		h3, a { font-size: 5vw !important;
		}
	}

/**********/
/* Header */
/**********/

/* Remove space below */
	body.home .container-alasse .row-fluid > [class*="span"] {
		padding: initial;
	}

/* Logo */
	#header .container, #logo {
		width: 100%;
	}
	#logo .custom {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-left: 25px;
		margin-right: 25px;
	}
	@media (max-width: 979px) {
		#logo .custom {
			flex-direction: column;
			align-items: center;
		}
		#logo .custom h1 {
			text-align: center;
		}
	}

/**********/
/* Slider */
/**********/

/* No bottom margin */
	#grid-top .module {
		margin-bottom: 0
	}

/********/
/* Body */
/********/

/* Reduce space above */
	.home .bg-sidebar {
		display: none;
	}
	.home #grid-top {
		margin-bottom: 0;
	}

/******************************************************/
/* Footer (actual location of front page body content */
/******************************************************/
	#contact-info {
		min-width: 53.7vw;
		margin-left: 10px;
		margin-right: 10px;
		flex-basis: 50%;
	}
	#keen-body ul {
		margin: 0;
	}
	#services-english,
	#services-chinese {
		flex-basis: 25%;
	}
	#services-english {
		margin-left: 25px;
	}
	#services-chinese {
		text-align: right;
		margin-right: 25px;
	}
	@media (max-width: 767px) {
		#keen-body {
			flex-direction: column;
		}
		#services-english,
		#services-chinese {
			text-align: center;
			margin-left: 10px;
			margin-right: 10px;
		}
		#contact-info {
			order: 1;
		}
		#services-english {
			order: 2;
		}
		#services-chinese {
			order: 3;
			margin-right: 0;
		}
	}
	@media (min-width: 768px) {
		#keen-body {
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3498db+0,4b86e2+42&1+32,0+67 */
			background: -moz-linear-gradient(top,  rgba(52,152,219,1) 0%, rgba(70,138,224,1) 32%, rgba(75,134,226,0.71) 42%, rgba(75,134,226,0) 67%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(52,152,219,1) 0%,rgba(70,138,224,1) 32%,rgba(75,134,226,0.71) 42%,rgba(75,134,226,0) 67%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(52,152,219,1) 0%,rgba(70,138,224,1) 32%,rgba(75,134,226,0.71) 42%,rgba(75,134,226,0) 67%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3498db', endColorstr='#004b86e2',GradientType=0 ); /* IE6-9 */
		}
	}
	@media (max-width: 767px) {
		#keen-body {
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3498db+0,4b86e2+74&1+61,0+86 */
			background: -moz-linear-gradient(top,  rgba(52,152,219,1) 0%, rgba(71,137,225,1) 61%, rgba(75,134,226,0.48) 74%, rgba(75,134,226,0) 86%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(52,152,219,1) 0%,rgba(71,137,225,1) 61%,rgba(75,134,226,0.48) 74%,rgba(75,134,226,0) 86%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(52,152,219,1) 0%,rgba(71,137,225,1) 61%,rgba(75,134,226,0.48) 74%,rgba(75,134,226,0) 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3498db', endColorstr='#004b86e2',GradientType=0 ); /* IE6-9 */
		}
	}

	#grid-bottom2 {
		margin-bottom: 0;
		padding-bottom: 0;
		color: white;
		background-color: #3498DB;
	}
	#grid-bottom2 ul {
		list-style-type: none;
	}
	#grid-bottom2 a {
		color: white;
	}
	#calgary-skyline {
		width: 100%;
		min-height: 600px;
		background-image: url('/resources/calgary_skyline.jpg');
		background-size: auto 600px;
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	#calgary-skyline > div {
		margin-top: 20px;
		padding-bottom: 310px;
	}
	#footer {
		display: none;
	}