@font-face {
    font-family: GothamMedium;
    src: url("content/GothamMedium.otf") format("opentype");
}

@font-face {
    font-family: GothamLightRegular;
    src: url("content/GothamLightRegular.otf") format("opentype");
}


html,
body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	/*overflow: hidden;*/
}

body {
	display: flex;
	justify-content: center;
	/*min-height: 800px;*/
}

a {
	text-decoration: none;
}

.content-wrappper {
	width: 428px;
	height: 100%;
	/*overflow: hidden;*/
	display:  flex;
	align-items: center;
	flex-direction: column;
	background-image: url('content/Poly.svg');
	/*background-position: bottom;*/
	background-position: right 50% bottom -150px;
	background-repeat: no-repeat;
	background-size: 1180px auto;
}

.title {
	margin-top:  35px;
	font-size: 12px;
	line-height: 20px;
	font-family: GothamMedium;
	color: #434D65;
}

.logo {
	width: 265px;
	height: 150px;
	background-image: url('content/FX-Logo.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.text-container {
	margin-top: 10px;
	text-align: center;
	color: #434D65;
	font-size: 14px;
	line-height: 24px;
	font-family: GothamLightRegular;
}

.link-title {
	/*text-align: center;*/
	font-size: 10px;
	font-family: 'GothamMedium';
	line-height: 12px;
	color: #434D65;
}

.link-logo {
	width: 40px;
	height: 40px;
	margin: 10px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}

.link-logo a {
	display: block;
	width: 100%;
	height: 100%;
}

.instagram-logo {
	background-image: url('content/icon-inst.svg');
}

.etsy-logo {
	background-image: url('content/icon-etsy.svg');
}

.links-container {
	width: 100%;
	margin-top: 40px;
	margin-bottom: 50px;
	display: flex;
	justify-content: space-around;
}

.links-container a {
	color: #434D65;
	font-size: 10px;
	font-family: 'GothamLightRegular';
	line-height: 12px;
	color: #434D65;
}

.links-container > div:first-child {
	margin-left: 25px;
}

.links-container > div:last-child {
	margin-right: 25px;
}

.link-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	/*padding: 0 25px;*/
}