:root{
	--color-1: #db561c;
	--color-2: #ff7a42;
	--color-text: #888888;
}

/****/

@font-face{
font-family: "Lora"; font-style: normal; font-weight: 400;
src: url("../_lib/_media/fonts/lora.woff2") format("woff2");
}

@font-face{
font-family: "Lora"; font-style: italic; font-weight: 400;
src: url("../_lib/_media/fonts/lora-italic.woff2") format("woff2");
}

@font-face{
font-family: "Lora"; font-style: normal; font-weight: 700;
src: url("../_lib/_media/fonts/lora-bold.woff2") format("woff2");
}

@font-face{
font-family: "Lora"; font-style: italic; font-weight: 700;
src: url("../_lib/_media/fonts/lora-bolditalic.woff2") format("woff2");
}
}

/****/

#footerWrap{
	color: var(--color-text-grey);
    background: var(--color-background-light-grey);
	padding-left: 0;
	padding-right: 0;
}

footer{
	color: var(--color-text-grey);
}

footer .contact{
    padding: 20px;
    font-size: 1.3em;
}

footer .contact a{
	color: var(--color-text-grey);
	font-weight: 200;
    display: inline-flex;
    align-items: center;
    gap: 0.6em;
    margin: 1.5em;
}

footer .contact a .svg-icon svg{
	height: 2em;
}

footer .contact a:hover{
    color: var(--color-1);
    text-decoration: none;
}

/****/

.module{
    padding: 0 auto;
}

.module:first-of-type, .module:last-of-type{
    margin: 5% auto;
}

.module h1{
    font-size: 1.3em;
}

.module h2{
    font-size: 1.2em;
    margin: 2em 0 1em 0;
}

.module p{
    font-family: "Lora", serif;
    font-weight: 400;
}

.module p.first{
	font-size: 1.4em;
    line-height: 1.4;
}

.module .logo{
    color: var(--color-1);
    font-style: normal;
	font-size: 1.1em;
}

@media only screen and (max-width: 450px){

	.module p.first{
		font-size: 1.2em;
	}

}

/****/

.breakout{
    background: var(--color-background-light-grey);
    padding: 10px 0;
}

.flexibleImage{
    margin: 0 auto;
    text-align: center;
}

.flexibleImage img{
    border-radius: 0;
    max-width: 300px;
    margin: 0 auto;
}