@import url("https://use.typekit.net/zph8kvv.css");

 :root {
 	--black: #161b2f;
 	--white: #FFFFFF;
 	--blue: #00c3ff;
 	--lightblue: #e5f9ff;
 	--darkblue: #083d67;
 	--pink: #e34190;
 }

 body {
 	color: var(--black);
 }

 header {
 	background-image: url(back-header.jpg);
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center;
 	padding-bottom: 120px !important;
 }

 header h1 {
 	font-family: lato, sans-serif;
 	color: var(--black);
 	font-size: 1.125rem;
 	position: relative;
 	z-index: 2;
 }

 header h1>span {
 	font-family: zuume-cut, sans-serif;
 	color: var(--darkblue);
 	font-weight: bold;
 	font-style: italic;
 	text-transform: uppercase;
 	display: block;
 	font-size: 2.5rem;
 	line-height: 1;
 	margin-bottom: 10px;
 }

 header img {
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	z-index: 1;
 	max-width: 150px;
 }

 header a {
 	position: relative;
 	z-index: 2;
 }

 .o-main-content {
 	background: var(--white);
 }

 p {
 	color: var(--black);
 	font-size: 1rem;
 	font-family: lato, sans-serif;
 }

 ul.o-main-content__reassurance>li>a {
 	display: flex;
 	flex-flow: column wrap;
 	justify-content: center;
 	align-items: center;
 	text-align: center;
 	line-height: 1.3;
 	font-size: 1.2rem;
 	font-family: kallisto, sans-serif;
	color: var(--darkblue);
 }

 ul.o-main-content__reassurance>li>a:hover {
	color: var(--black);
	text-decoration: none;
}

 ul.o-main-content__reassurance>li img {
 	margin-bottom: 15px !important;
 }

 a.uk-button.uk-button-default {
 	background: var(--pink);
 	color: var(--white);
 	font-family: kallisto, sans-serif;
 	border: 2px solid var(--pink);
 	border-radius: 15px;
 	padding: 12px 15px;
 	font-size: 1rem;
 	line-height: 1.4;
 	font-weight: bold;
 	box-shadow: 0 0 15px #e34190;
 }

 a.uk-button.uk-button-default:hover {
 	background: var(--white);
 	color: var(--pink);
 	border-color: var(--pink);
 }


 footer {
 	background: var(--white);
 }

 footer p>a {
 	color: var(--black);
 	text-decoration: underline;
 }

 /*---------------------------SMALL------------------------------------------------*/
 @media screen and (min-width: 640px) {

 	header h1>span {
 		font-size: 2.75rem;
 		line-height: 1;
 		margin-bottom: 10px;
 	}

 	header img {
 		max-width: 220px;
 	}

 	ul.o-main-content__reassurance>li img {
 		margin-bottom: 25px !important;
 	}

 	a.uk-button.uk-button-default {
 		padding: 15px 25px;
 		font-size: 1.25rem;
 	}
 }

 /*---------------------------MEDIUM------------------------------------------------*/
 @media screen and (min-width: 960px) {

 	header {
 		padding-bottom: 30px !important;
 	}

 	header h1 {
 		font-size: 1.25rem;
 	}

 	header h1>span {
 		font-size: 3.5rem;
 	}

 	header img {
 		max-width: 380px;
 	}

 	a.uk-button.uk-button-default {
 		padding: 12px 25px;
 		font-size: 1.6rem;
 	}
 }

 /*---------------------------LARGE------------------------------------------------*/
 @media screen and (min-width: 1200px) {

 	header h1>span {
 		font-size: 4rem;
 	}

 	header img {
 		max-width: 450px;
 		right: 5vw;
 	}

 	p {
 		font-size: 1.25rem;
 	}

 	ul.o-main-content__reassurance>li>a {
 		font-size: 1.5rem;
 	}

 	a.uk-button.uk-button-default {
 		padding: 15px 30px;
 		font-size: 1.875rem;
 	}
 }

 /*---------------------------EXTRA LARGE------------------------------------------------*/
 @media screen and (min-width: 1600px) {

 	header h1 {
 		font-size: 1.5rem;
 	}

 	header h1>span {
 		font-size: 5rem;
 	}

 	header img {
 		max-width: initial;
 		right: 10vw;
 	}

 	p {
 		font-size: 1.5rem;
 	}

 	ul.o-main-content__reassurance>li>a {
 		font-size: 1.875rem;
 	}

 	a.uk-button.uk-button-default {
 		padding: 15px 35px;
 	}
 }