@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600');

body
{
	min-height: 600px; 
	min-width: 320px; 
	overflow-y: scroll;

	font-family: 'IBM Plex Sans', monospace;
	font-weight: 400;
	font-size: 20px;
	text-align: center;
	color: #000;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body, p
{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

::selection 
{
	background: rgba(0,0,0,.05);
}

main
{
	overflow: hidden;
	padding: 0px 50px;
	height: 100%;
}

	header
	{
		margin: 80px;
	}

	section
	{
		display: table;
		margin: 0px auto;
		width: 100%;
		max-width: 1200px;
		height: calc(100% - 368px);
		overflow: hidden;
	}

		.info
		{
			display: table-cell;
			vertical-align: middle;
			width: 50%;
			padding-bottom: 20px;
		}

			.info span
			{
				font-weight: 600;
			}

			.info .email
			{
				text-decoration: none;
			}

			.info-media
			{
				margin-top: 30px;
				font-size: 24px;
			}


	footer
	{
		margin: 80px;
	}


@media (max-width: 635px)
{
	body
	{
		min-height: auto;
		font-size: 16px;
	}

		main
		{
			overflow: inherit;
		}

			header, footer
			{
				margin: 50px 0px;
			}

			section
			{
				height: auto;
			}

				.info
				{
					display: inherit;
					width: 100%;
					line-height: 170%;
					padding-bottom: 0px;
				}

					.info br:nth-child(2), .info br:nth-child(6)
					{
						display: none;
					}

				.info:nth-child(2)
				{
					margin-top: 50px;
				}

					.info-media
					{
						margin-top: 12px;
					}
}