header {		
		   background-image: url(/media/1740/earth_edmonton.jpg);
		}
	
		header {
			background-position: bottom right;
		}
		.contact-main {
				margin-top: 100px;
				margin-bottom: 30px;
			}
	
	header h1 {
		font-size:32px;
	}
	
			.contact-main>div {
				border: 2px solid #aaa;
				background-color: #fff;
				border-radius: 10px;
				padding: 0 20px;
				font-size: initial;
			}
	
			.contact-main h2 {
				font-size: 1.5em;
			}
	
			main h3 {
				margin-top: -15px;
			}
	
			.contact-main p {
				line-height: 1.2em;
			}
	
			.contact-main strong {
				color: inherit;
			}
	
			.contact-main h3 {
				font-size: 1.2em;
				margin-top: 30px;
			}
	
			.contact-main em {
				color: #808080;
				display: block;
				text-align: center;
			}
	
			label, select, input, textarea {
				clear:both;
				width: 100%;
			}
			label {
				font-size: 1.2em;
				margin-top: 10px;
			}
			select, input, textarea {
				margin-top: 0;
				min-height: 30px;
			}
	
			textarea {
				height: 200px;
			}
	
			.contact-main submit {
				width: 170px;
				margin-top: 0;
				text-align: center;
				cursor: pointer;
			}
	
			.contact-main img {
				float: left;
				margin-right: 10px;
				width: 30px;
				height: auto;
			}
	
			iframe {
				border: 1px solid #808080;
				margin-bottom: 15px;
			}
	
			.locations {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				overflow:hidden;
			}
			.location {
			   flex:1 1 250px;
				width: 250px;
				float: left;
				margin: 20px 30px;
			}
			.location img {
				display: block;
				margin: 0 auto;
			}
	
			.location p {
				width: 250px;
			}
			.location h4 {
				text-align: center;
			}
	
			.locations:last-of-type {
				margin-bottom: 100px;
			}
	
			.map-here {
				width: 100%;
				height: 600px;
				border: 3px solid #529ACB;
				margin-bottom: 50px;
			}
	
			hr {
				  margin: 0 auto 50px;
			}
	
	
			@media screen and (max-width: 770px) {
				.contact-main .span4 {
					margin-top: 20px;
				}
				
			}
	
			@media screen and (min-width: 771px) {
				.contact-main {
					display: flex;
					align-items: stretch;
					align-content: center;
					margin: 0 auto 60px;
				}
	
				.contact-main a {
					margin-left: 0;
					margin-right: 0;
				}
	
				.contact-main>div {
					margin: 5px !important;
				}
			}
		
		.ui.modal.basic .button {
			background-color: transparent;
	  box-shadow: 0 0 0 2px rgba(255,255,255,.5)inset!important;
	  color: #fff;
			border-radius: .2857rem;
			width: 50%;
			  margin-left: auto;
	  margin-right: auto;
	  text-align: center;
			display: block;
			font-size: 1.4em;
			padding: .78571em 1.5em;
			//border:2px solid #ffffff;
	}
		
		.ui.modal.basic .button:hover {
			box-shadow: 0 0 0 2px rgba(255,28,28,.5)inset!important;
			color:#CC0000;
			border-color:#CC0000;
			transition:color 0.4s, border-color 0.4s, box-shadow 0.4s;
		}
		
		.floatleft,.floatright {
			position: relative;
			min-height: 1px;
			float: left;
			width:100%;
		}
		@media (min-width: 768px) {
			.floatleft {
				width: 66.66666667%;
				
			}
			.floatright {
				width: 33.33333333%;
			}
		}
		
		body {
			margin: 0;
		}
		header {
			margin-top: 20px;
			   }
		label {
			  display: inline-block;
	  max-width: 100%;
	  margin-bottom: 5px;
	  font-weight: bold;
		}
		input, button, select, textarea {
	  font-family: inherit;
	  font-size: inherit;
	  line-height: inherit;
	}
		.ui.modal.basic .dropdown  {
		background-color: transparent;
	  box-shadow: 0 0 0 2px rgba(255,255,255,.5)inset;
	  color: #fff;
	  border-radius: .2857rem;
	  width: 50%;
	  margin-left: auto;
	  margin-right: auto;
	  text-align: center;
	  display: block;
	  font-size: 1.4em;
	  padding: .78571em 1.5em;
		}
	.ui.modal.basic .dropdown.selection:hover  {
		box-shadow: 0 0 0 2px rgba(255,28,28,.5)inset!important;
		color:#CC0000;
	}
		.ui.modal.basic .dropdown .icon {
		box-shadow: none;
		}
		.ui.selection.visible.dropdown:hover {
	  box-shadow:0 0 0 2px rgba(255,28,28,.5)inset!important;
	}
		.ui.selection.dropdown .menu {
	  overflow:visible;
	}
		.ui.selection.visible.dropdown .item {
			padding: 0;
	}
	
	h4, .h4 {
	  font-size: 18px;
	}
	h4, .h4, h5, .h5, h6, .h6 {
	  margin-top: 10px;
	  margin-bottom: 10px;
	}
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	  font-family: inherit;
	  font-weight: 500;
	  line-height: 1.1;
	  color: inherit;
	}
	
	.ui.modal .actions label {
    text-align: center;
	}
	
	.ui.modal .dropdown.selection.ui {
		margin-bottom:20px;	
	}
	
	.ui.selection.active.dropdown > .text:not(.default), .ui.selection.visible.dropdown > .text:not(.default) {
		color: white;
		font-weight: 400;
	}