html{
	font-size:16px;
}

body{
    font-family:'Roboto', sans-serif;
}

h1,h2,h3{font-weight:500;color:#152c53;}

h1{font-size:3em;}
h2{font-size:1.8em;}
h3{font-weight:400;font-size:1.5em;margin-top:36px;}

p{line-height:1.8em;font-size:1em;}

a{color:#152c53;}
a.white,a.white:visited{color:#ffffff;}




table{
	width:100%;
	font-size:0.9em;
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:32px;
}
tr:first-child{
	font-weight:700;
	color:#ffffff;
	background:#152c53;	
}

tr:first-child td{
	font-weight:700;
	color:#ffffff;
	background:#152c53;
	padding:20px 10px;	
}

tr:nth-child(even){
	background:#eeeeee;
}

td{
	padding:10px 5px;
	margin:0;
}
td:first-child, tr:first-child td:first-child{
	padding-left:10px;
}
td h3{color:#ffffff;}

hr{
	width:50px;
	border-top: 2px solid #152c53;
	margin:50px auto;
}


*{
	box-sizing:inherit;
}

.wrapper {
	margin: 50px auto;
	box-sizing:border-box;
	text-align: left;
	max-width: 1440px;
	display:flex;		
}


.wrapper div{
	
}

.legal{
	background:#eeeeee;
	font-size:0.8em;
	color:#555555;
	padding:50px;
}



.textWrapper{
	width:50%;
	padding:20px;
	float:left;
}
.textWrapper:after { visibility:hidden; display:block; content:"" ; clear:both; height:0px;}

.hero{
	width:100%;
	
}
.hero picture, .hero picture img{
	width:100%;
	margin:0 auto;
}


div.partnerLogo{
	width:40%;
	order:1;
}

.partnerLogo img{
	width:60%;
	display:block;
	margin:0 auto;
	
}

.footerbar{
	width:100%;
	height:50px;
	background:#152c53;
}


.buttoncont{
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
}

.button{
	margin:0;
	width:220px;
	height:50;
	font-size:1.4em;
	line-height:1.4em;
	border-radius: 4px;
	padding: 11px 24px;
	transition: .3s;
	text-decoration: none;
	color: #fff;
	background-color: #152c53;
	vertical-align: middle;
	text-align:center;
}
.button:hover{
	background-color: #204480;

}



h2.SSH2{
	display:none;
}

@media all and (max-width:1139px){
	.textWrapper, .partnerLogo{
		width:100%;
	}
	.partnerLogo{
		width:100%;
		margin:0 auto;
	}
	.partnerLogo img{
		width:100%;
	}
	.wrapper{
		flex-direction:column;
	}
	
	
}

@media all and (max-width:999px){
	h2.SSH2{display:block;}
}

@media all and (max-width:600px){
	body{
		font-size:18px;
	}
	p{
		font-size:1em;
		line-height:1.8em;
	}
	table{
		font-size:14px;
	}
	td:first-child{
		width:30%;
	}
}