@charset "UTF-8";

/**
 * 1. Avoid the IE 10-11 `min-height` bug.
 * 2. Set `flex-shrink` to `0` to prevent Chrome, Opera, and Safari from
 *    letting these items shrink to smaller than their content's default
 *    minimum size.
 */
.Site {
  display: flex;
  flex-direction: column;
  height: 100vh; /* 1 */
}
.Site-header,
.Site-Navigation,
.Site-footer {
  flex-shrink: 0; /* 2 */
}
.Site-content {
  flex: 1 0 auto; /* 2 */
}

/* RESET MARGINS AND PADDING ON ALL ELEMENTS TO ZERO */

* {
	margin: 0px;
	padding: 0px;
}

html { height: 100%; }


header {
	/*height:334px;
	background-color: #0271a9;*/
}
.header {
	background-image: url(../images/header-wave.jpg);
	background-repeat: no-repeat;
}
.contact {
	float:right;
	text-align: right;
	padding-top:120px;
	padding-right:30px
}
.initial {
	font-size: 24px
}
main {
	margin-bottom:25px
}

/* page link behaviour */	
main a:link { text-decoration: none; color: #0271a9}
main a:visited { text-decoration: none; color: #0271a9}
main a:hover {
	color: #0271a9;
	text-decoration: underline;
}
main a:active {
	color: #0271a9;
	background-color: #00CC00;}

footer {margin-top:40px}

.footer {
	background-color: #0271a9;
	padding-top: 20px;
	padding-bottom: 20px	
}
footer p {
	padding-top:35px
}
#imageFrieze {
	display:table;
	margin-bottom:5px
}
.image {
	padding-left:0px;
	padding-bottom:0px;
	padding-right:1px;
	padding-top:1px;
	object-fit: cover;
}
.image img {
	width:100%
}
#sitewise img,
#ADCNZ img {
	display:block;
	margin-left:auto;
	margin-right:auto
}

.pageImage img {
	width:100% !important;
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
}
.profile p{
	padding-right:30px
}
.TwoColumn {
	column-count: 2;
	column-gap: 20px;
	margin-bottom:40px;
	-moz-column-fill: balance;
       column-fill: balance
}
.IN-widget iframe {
	border: 1px solid #fff;
	border-radius: 2px
}
/* Tablet Screen Sizes */

@media only screen and (min-width: 641px) and (max-width: 1024px) {
	.header img {width: 350px; height: auto}
	.header {
		background-position: top right;}
	.contact {
		float:right;
		text-align: right;
		padding-top:0px;
		padding-right:15px;
		margin-top: 90px;
		margin-bottom: 40px
	}
	.initial {font-size: 16px}
	footer p {
	padding-top:20px
	}
}
/* Mobile landscape Screen Sizes */
@media only screen and (max-width: 736px) {
		.header img {width: 100%; height: auto}
		.contact {
		float:right;
		text-align: right;
		padding-top:0px;
		padding-right:45px;
		margin-top: -100px;
		margin-bottom: 20px
	}
	.initial {font-size: 16px}
	.header {
		background-image: url(../images/header-wave.jpg);
		background-size: cover;
		background-position: top right}
		.contact {
		float:right;
		text-align: right;
		padding-top:35px;
		padding-right:12px;
	}
	#sitewise img,
	#ADCNZ img {
		width:100%;
		height:auto;
		display:block;
		margin-left:auto;
		margin-right:auto
	}
}
/* Mobile Portrait Screen Sizes */
@media only screen and (min-width:300px) and (max-width: 414px) {
	.header img {width: 300px; height: auto}
		.contact {
		float:right;
		text-align: right;
		padding-top:0px;
		padding-right:45px;
		margin-top: -100px;
		margin-bottom: 20px
	}
	.initial {font-size: 16px}
	.header {
		background-image: url(../images/header-wave.jpg);
		background-size: cover;
		background-position: top right}
		.contact {
		float:right;
		text-align: right;
		padding-top:35px;
		padding-right:12px;
	}
	.TwoColumn {
		column-count: 1;
		column-gap: 20px;
		margin-bottom:40px
	}
}