*,
*::after,
*::before {
	box-sizing: border-box;
}

body, html 
{
width:100vw;
margin:0px;
padding:0px;
background:#e63323;
--color:#ffffff;
}

#cont
{
display: flex;
width:100vw;
height:100vh;
justify-content: space-between;
flex-direction: column;
align-items: center;
font-family: "DM Sans", serif;
font-optical-sizing: auto;
font-family: "DM Sans", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
flex-wrap: wrap;
color:var(--color);
padding:80px;
text-align: center;
}

#logo
{
width:60%;
max-width:450px;
display:block;
}

#payoff
{

color:var(--color);
text-transform:uppercase;
font-size:22px;
top:40px;
margin-top:0px;
left:50%;

font-family: "DM Sans", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}




a
{
color:var(--color);
text-decoration:none;
transition:opacity 500ms ease-out;
text-decoration: underline;
}

a:hover
{
opacity:1;
}

@media screen and (min-width: 768px) and (max-width: 1180px) {
    footer
	{
	justify-content:flex-start;
	}
	
	footer > div
	{
	width:50%;
	margin-bottom:20px;
	}



	
}

@media screen and (max-width: 767px) {
	*
	{
	text-align: center;
	}

	footer
	{
	justify-content: center;
	}
	
	footer > div
	{
	width:100%;
	}

	#logo
	{
	width:80%;
	max-width:450px;
	display:block;
	}
}