@font-face {
    font-family: 'urbanist';
    src: url('fonts/Urbanist-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'urbanist-bold';
    src: url('fonts/Urbanist-Bold.ttf') format('truetype');
}

html, body {
	margin:0;
	padding:0;
	font-family:"urbanist";
	font-size:18px;
	color:#2d286b;
}

b {
	font-family:"urbanist-bold";
}

.wrap {
	max-width:1200px;
	margin:0 auto;	
}

.contentWrap {
	max-width:1080px;
	margin:0 auto;
	padding:0 10px 0 125px;
}

.internalWrap {
	display:flex;
	justify-content:start;
	max-width:925px;
	margin:0 auto;
}

.internalWrap div:first-child {
	max-width:425px;
	flex-grow:1;
}

header {
	background:#9dd8ea;
	padding:75px 10px 70px;
}

header .wrap {
	display:flex;
	justify-content:space-between;
}

header .logo {
	background:url("images/logo.png") no-repeat 50% 50% / 100% auto;
	width:420px;
	height:120px;
	flex-shrink:0;
}

header .logo a {
	display:block;
	width:100%;
	height:100%;
}

header .caption {
	font-family:"urbanist-bold";
	font-size:24px;
	display:flex;
	align-items:end;
	padding-bottom:2px;
}

main {
	padding:45px 0 50px;
	min-height:calc(100vh - 400px);
}

main a:link, main a:visited {
	color:#7fa2a8;
	text-decoration:underline;
	font-family:"urbanist-bold";
}

main a:hover, main a:active {
	text-decoration:none;
}

footer {
	background:#9dd8ea;
	padding:10px 10px 8px;
	font-size:18px;
}

footer .wrap {
	text-align:right;
}

footer a:link, footer a:visited {
	font-family:"urbanist-bold";
	color:#2d286b;
}

@media (max-width: 940px) {
	header {
		padding:75px 10px 20px;
	}
	header .wrap {
		flex-wrap: wrap;
	}
	header .caption {
		margin-top: 20px;
		margin-left: 115px;
		font-family:"urbanist";
		font-size:20px;
	}
}

@media (max-width: 775px) {
	.contentWrap {
		padding-left:20px; 
	}
	
	header .caption {
		margin-left:10px;
	}
}

@media (max-width: 475px) { 
	.internalWrap {
		flex-wrap:wrap;
	}
	
	.internalWrap .iw-align {
		margin-top:10px;
	}
}

@media (max-width: 460px) { 
	header .logo {
		width:80%;
		margin-left:10px;
	}
	
	header {
	  padding: 20px 10px 20px;
	}
}