@font-face {
	font-family: 'Open Sans';
	src: url('../font/OpenSans-Light.eot');
	src: url('../font/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
		url('../font/OpenSans-Light.woff2') format('woff2'),
		url('../font/OpenSans-Light.woff') format('woff');
	font-weight: 300;font-style: normal;font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../font/OpenSans-Regular.eot');
	src: url('../font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/OpenSans-Regular.woff2') format('woff2'),
		url('../font/OpenSans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../font/OpenSans-Medium.eot');
	src: url('../font/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
		url('../font/OpenSans-Medium.woff2') format('woff2'),
		url('../font/OpenSans-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../font/OpenSans-SemiBold.eot');
	src: url('../font/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../font/OpenSans-SemiBold.woff2') format('woff2'),
		url('../font/OpenSans-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

*,
*::before,
*::after {	box-sizing: border-box;}
html {	height: 100%;}
body {margin: 0;min-height: 100vh;
	font-family: 'Open Sans';
	font-weight: 300;
	color: #212121;
	background: #ffffff;
	display: flex;
	flex-direction: column;
}


main    {flex: 1;display: flex;justify-content: center;align-items: center;padding: 40px 20px;}
.card   {text-align: center;}
#linked {width: 180px;max-width: 70vw;height: auto;}
#linkedstart {width: 250px;max-width: 70vw;height: auto;}

a {color: #212121;text-decoration: none;}
a:hover,
a:focus {text-decoration: underline;}


.flex-container {
	display: flex;
	align-content: center;
	flex-direction: row;
	width: 100%;
	justify-content: center;
	align-items: flex-start;
}

.flex-item-left {
  padding: 30px;
  flex: 30%;
	text-align:left;
}

.flex-item-right {
  padding: 30px;
  flex: 70%;
	text-align:left;
}


/* Footer
====================== */

footer 	  {text-align: center;	padding: 5em 2em 1em;	font-size: 0.95rem;}
footer ul {	list-style: none;	padding: 5em 0 2em;	margin: 0;}
footer li {	display: inline-block;margin: 0 10px;font-weight: 600}

address{font-style: normal; line-height: 1.6 }


.visually-hidden {	position: absolute;left: -9999px;}
a:focus-visible {outline: 3px solid #1877a9;outline-offset: 4px;}


/* SVG Animation
====================== */
.ring {
	transform-origin: 50% 50%;
	animation: pulse 1.6s ease-in-out infinite;
	transition: 300ms;}
svg:hover .ring,
svg:focus .ring {transform: scale(1.15);}

@keyframes pulse {
	0% {opacity: 1;transform: scale(1);	}
	40% {opacity: 1;transform: scale(1.1);	}
	70% {opacity: 0;transform: scale(1.2);	}
	100% {opacity: 0;transform: scale(1.3);	}
}


@media (max-width: 800px) {
    .flex-item-right, .flex-item-left {flex: 100%;width: 100%;}
	.flex-container{flex-wrap: wrap;}
	h1{	font-size: 1.8em; }
	h2{font-size: 1.5em;}
	h1,h2,h3,h4{hyphens: auto}
	.flex-item-right {padding: 10px;}
}

@media (max-width:600px) {

	footer {font-size: 0.9rem;}
}