/* CSS ORIGINAL */

* {
	box-sizing: border-box;
}


/* FONTS */

@font-face {
	font-family: "SamsungSharpSans-Regular";
	src: url(../fonts/SamsungSharpSans-Regular.eot);
	src: url(../fonts/SamsungSharpSans-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/SamsungSharpSans-Regular.svg#SamsungSharpSans-Regular) format("svg"), url(../fonts/SamsungSharpSans-Regular.ttf) format("truetype"), url(../fonts/SamsungSharpSans-Regular.woff) format("woff"), url(../fonts/SamsungSharpSans-Regular.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "SamsungSharpSans-Medium";
	src: url(../fonts/SamsungSharpSans-Medium.eot);
	src: url(../fonts/SamsungSharpSans-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/SamsungSharpSans-Medium.svg#SamsungSharpSans-Medium) format("svg"), url(../fonts/SamsungSharpSans-Medium.ttf) format("truetype"), url(../fonts/SamsungSharpSans-Medium.woff) format("woff"), url(../fonts/SamsungSharpSans-Medium.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "SamsungSharpSans-Bold";
	src: url(../fonts/SamsungSharpSans-Bold.eot);
	src: url(../fonts/SamsungSharpSans-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/SamsungSharpSans-Bold.svg#SamsungSharpSans-Bold) format("svg"), url(../fonts/SamsungSharpSans-Bold.ttf) format("truetype"), url(../fonts/SamsungSharpSans-Bold.woff) format("woff"), url(../fonts/SamsungSharpSans-Bold.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "SamsungSharpSansMd";
	src: url(../fonts/SamsungSharpSansMd.eot);
	src: url(../fonts/SamsungSharpSansMd.eot?#iefix) format("embedded-opentype"), url(../fonts/SamsungSharpSansMd.svg#SamsungSharpSansMd) format("svg"), url(../fonts/SamsungSharpSansMd.ttf) format("truetype"), url(../fonts/SamsungSharpSansMd.woff) format("woff"), url(../fonts/SamsungSharpSansMd.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "SamsungOne 400";
	src: url(../fonts/SamsungOne-400.eot);
	src: url(../fonts/SamsungOne-400.eot?#iefix) format("embedded-opentype"), url(../fonts/SamsungOne-400.woff2) format("woff2"), url(../fonts/SamsungOne-400.woff) format("woff"), url(../fonts/SamsungOne-400.ttf) format("truetype"), url(../fonts/SamsungOne-400.svg#SamsungOne-400) format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SamsungOne 300";
	src: url("SamsungOne-300.eot");
	src: url("SamsungOne-300.eot?#iefix") format("embedded-opentype"), url("SamsungOne-300.woff2") format("woff2"), url("SamsungOne-300.woff") format("woff"), url("SamsungOne-300.ttf") format("truetype"), url("SamsungOne-300.svg#SamsungOne-300") format("svg");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SamsungOne 200";
	src: url("SamsungOne-200.eot");
	src: url("SamsungOne-200.eot?#iefix") format("embedded-opentype"), url("SamsungOne-200.woff2") format("woff2"), url("SamsungOne-200.woff") format("woff"), url("SamsungOne-200.ttf") format("truetype"), url("SamsungOne-200.svg#SamsungOne-200") format("svg");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SamsungOne 700";
	src: url("SamsungOne-700.eot");
	src: url("SamsungOne-700.eot?#iefix") format("embedded-opentype"), url("SamsungOne-700.woff2") format("woff2"), url("SamsungOne-700.woff") format("woff"), url("SamsungOne-700.ttf") format("truetype"), url("SamsungOne-700.svg#SamsungOne-700") format("svg");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SamsungOne 600";
	src: url("SamsungOne-600.eot");
	src: url("SamsungOne-600.eot?#iefix") format("embedded-opentype"), url("SamsungOne-600.woff2") format("woff2"), url("SamsungOne-600.woff") format("woff"), url("SamsungOne-600.ttf") format("truetype"), url("SamsungOne-600.svg#SamsungOne-600") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SamsungOne 500";
	src: url("SamsungOne-500.eot");
	src: url("SamsungOne-500.eot?#iefix") format("embedded-opentype"), url("SamsungOne-500.woff2") format("woff2"), url("SamsungOne-500.woff") format("woff"), url("SamsungOne-500.ttf") format("truetype"), url("SamsungOne-500.svg#SamsungOne-500") format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SamsungOne 800";
	src: url("SamsungOne-800.eot");
	src: url("SamsungOne-800.eot?#iefix") format("embedded-opentype"), url("SamsungOne-800.woff2") format("woff2"), url("SamsungOne-800.woff") format("woff"), url("SamsungOne-800.ttf") format("truetype"), url("SamsungOne-800.svg#SamsungOne-800") format("svg");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}


/* ------------ END OF FONT FACE ------------ -->

html {
  height: 100%;
}

body {
  font-size: 16px;
  background-color: rgba(255,255,255,1);
}

main {
  width: 100vw;
  height: 100vh;
  padding: 48px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* CONTENT */

body
{
	margin: 0;
}

/* HEADER */

header {
	width: inherit;
	height: 48px; /* 48px */
	background: rgba(33, 36, 37, 1);
	border-radius: 5px;
	margin: 24px 24px 0px 24px;
	padding: 3px 24px 0px 24px;
}

h1 {
	color: rgba(255, 255, 255, 1);
	font-family: "SamsungSharpSans-Bold";
	font-size: 18px;
}

.nobold {
	font-family: "SamsungSharpSans-Regular";
	font-size: 16px;
}


/* HERO */

.hero_back {
	width: inherit;
	height: 800px;
	background: rgba(245, 245, 245, 1);
	border-radius: 0px 5px;
	margin: 0px 24px 0px 24px;
	padding: 32px;
}

.logo {
	width: 100px;
	height: 100px;
	display: block;
	margin: 16px auto 24px auto;
}

.timeline_hero {
	display: inline;
}

.hero_tagline {
	color: rgba(0, 0, 0, 1);
	font-family: "SamsungSharpSans-Bold";
	font-weight: Bold;
	font-size: 48px;
	text-align: center;
	margin: 0 auto;
}

.hero_invite {
	color: rgba(0, 0, 0, 1);
	font-family: "SamsungOne 600";
	font-weight: 600;
	font-size: 24px;
	text-align: center;
	margin: 0 auto;
}

.hero_description {
	width: 90%;
	color: rgba(0, 0, 0, 1);
	font-family: "SamsungOne 400";
	font-weight: 400;
	font-size: 18px;
	text-align: center;
	margin: 24px auto 48px auto;
}

.hero_highlight {
	width: 386px;
	color: rgba(0, 0, 0, 1);
	font-family: "SamsungOne 600";
	font-weight: 600;
	font-size: 32px;
	margin: 48px 0;
}


/* FEATURES AREA */

.timeline {
	width: 670px;
	height: 487px;
	margin: 24px 48px 24px 24px; 
	float: left;
}

.timeline_box {
	width: 386px;
	margin: 48px 12px 52px 12px;
	float: left;
}

.timeline_title {
	width: 386px;
	color: rgba(0, 0, 0, 1);
	font-family: "SamsungSharpSans-Bold";
	font-weight: Bold;
	font-size: 36px;
	text-align: left;
	margin: 0 0 12px 0;
}

.timeline_txt {
	width: 386px;
	color: rgba(0, 0, 0, 1);
	position: relative;
	font-family: "SamsungOne 400";
	font-weight: 400;
	font-size: 18px;
	text-align: left;
	margin: 0;
}


/*TAGS */

.tags_box {
	clear: both;
	display: flex;
	margin: 56px auto;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.tags_box2 {
	width: 260px;
	float: left;
	margin-right: 56px;
}

.tags_title {
	width: 290px;
	color: rgba(0, 0, 0, 1);
	font-family: "SamsungSharpSans-Bold";
	font-weight: Bold;
	font-size: 36px;
	text-align: left;
	margin-bottom: 12px;
	float: left;
}

.tags_txt {
	width: 290px;
	color: rgba(0, 0, 0, 1);
	font-family: "SamsungOne 400";
	font-weight: 400;
	font-size: 18px;
	text-align: left;
	margin: 0;
	float: left;
}

.tags {
	width: 714px;
	height: 498px;
	float: left;
}


/* EVENTS */

.events_box {
	display: flex;
	margin: 56px auto;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.events {
	width: 704px;
	height: 395px;
	border: 1px solid rgba(245, 245, 245, 1);
	float: left;
}

.events_box2 {
	width: 290px;
	float: right;
	margin-left: 56px;
    order: 1;
}

.events_title {
	width: 296px;
	color: rgba(0, 0, 0, 1);
	font-family: "SamsungSharpSans-Bold";
	font-weight: Bold;
	font-size: 36px;
	text-align: left;
}

.events_txt {
	width: 296px;
	color: rgba(0, 0, 0, 1);
	font-family: "SamsungOne 400";
	font-weight: 400;
	font-size: 18px;
	text-align: left;
}


/* BOTTOM */

footer {
	clear: both;
	width: auto;	
	background: rgba(33, 36, 37, 1);
	border-radius: 5px;
	padding: 32px; /* 32px */
	margin: 32px; /* 32px */
}

.footer_info {
	width: auto;
	color: rgba(255, 255, 255, 1);
	font: 400 14px "SamsungOne 400", sans-serif;
	text-align: center;	
	margin: 0 auto;
}


/*PRIVACY BUTTON */

button {
	display: block;
	width: 180px;
	height: 44px;
	margin: 24px auto;
	background-color: rgba(33, 36, 37, 1);
	border: 1px solid rgba(255, 255, 255, 1) !important;
	border-radius: 25px;
	font: 700 14px "SamsungOne 700", sans-serif;
	letter-spacing: 2px;
	text-align: center;
	text-decoration: none;
}

button a {
	text-decoration: none;
	color: rgba(255, 255, 255, 1);
}

a.link {
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	margin: 24px auto;
}

a:visited {
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	margin: 24px auto;
}

a:hover {
	color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
	margin: 24px auto;
	opacity: 0.5;
}

.footer_copyright {
	color: rgba(255, 255, 255, 0.8);
	font-family: "SamsungOne 700";
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	margin: 0 auto;
}