@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root {

	--primary-color:#abd7cb;
	--primary-color-2:#76c5b0;

	--accent-color:#ffe0bf;

	--brand-white:#f6fffc;

}

html { font-size:16px;min-height:100vh; }
body { display:flex;align-items:center;justify-content:center;background:var(--brand-white);height:100%;width:100%;font-family:'Manrope', 'Arial', sans-serif;line-height:1.5;font-size:1.25rem;font-weight:400;min-height:100vh; }

main { max-width:90vw;width:1100px;min-width:50vw; }

h1 { font-size:3.4rem;font-weight:800;margin:0 0 2rem 0; margin:0; }
p.slogan { margin:1rem 0 2rem; margin:0; }

.logo-wrap { margin:0 0 1rem 0; }
.logo-wrap img { max-width:100%;width:380px; }

address { margin:0; }

.card { border-radius:1px;box-shadow:0px 5px 28px 1px rgba(0,0,0,.1); }
.card.card-primary { background:var(--primary-color);border:none;color:#FFF; 
	background-image:linear-gradient(180deg, var(--primary-color), var(--primary-color-2) 130%);
	
}

.card.card.card-primary a { color:var(--accent-color); }

.card-content { display:flex;flex-direction:column;gap:3rem;text-align:center; }

.main-card { padding:3rem;text-shadow:0px 1px 10px rgba(0,0,0,.075); }

ul { padding:0;margin:0; }
li { list-style:none;margin:.8rem 0 .8rem 0;padding:0;position:relative; }
li::after { display:block;content:' ';position:absolute;top:-.4rem;left:50%;transform:translateX(-50%);width:200px;height:1px;background:rgba(255,255,255,.25);box-shadow:0px -1px 0 0 rgba(0,0,0,.05); }


@media (max-width: 996px) {
	h1 { font-size:2.8rem; }
	.main-card { padding:2rem; }
}

@media (max-width: 512px) {
	h1 { font-size:2rem; }

	.main-card { padding:1rem; }
}