@charset "UTF-8";
/* CSS Document */

html, body {
	color: #474444;
	font-family: fot-rodin-pron, sans-serif;
	font-weight: 600;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

#particles-js {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -1;
}

ul {
	list-style: none;
	padding: 0px;
}

header {
	padding: 0px 10px;
}

a:link {
	color: #474444;
	text-decoration: none;
}
a:visited {
	color: #474444;
	text-decoration: none;
}

.header-parent {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.header-parent > .header-child {
	margin: 0px;
	padding: 0px;
	flex: 0 1 50%;
}

.profile-contents > ul {
  	display: flex;
  	list-style: none;
	justify-content: center;
}

.profile-contents > ul > li {
	display: inline-block;
	padding-right: 2rem;
}

.profile-contents > ul > li.last-item {
	display: inline-block;
	padding-right: 0rem;
}

.contact {
	font-size: 2.5rem;
}

.text-right {
	text-align: right;
}

footer {
	text-align: center;
	color: dimgray;
	font-size: 0.5rem;
}

.logo {
	width: 4rem;
}

.container {
	display: flex;
	flex-direction: column;
	width: 100%;
	text-align: center;
}

.container > .contents {
	/*border-top: 1px solid #474444;*/
	margin-top: 1rem;
	flex: 0 1 100%;
}

.container > .contents > img {
	width: 100%;
}

.container > .contents > iframe.youtube {
	width: 100%;
}

.container > .contents > iframe.facebook {
	width: 100%;
}

@media (min-width: 1024px){
	.container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		text-align: center;
	}
	
	.container > .contents {
		/* border-top: 1px solid #474444; */
		margin-top: 1rem;
		flex: 0 1 33%;
		margin-left: 33%;
		margin-right: 33%;
	}
}