:root{
	--am-left-right-spacing: 6rem;
	--am-extra-side-spacing: 8rem;
	--am-top-bottom-spacing: 3.5rem;
	--am-logo-bottom-spacing: 3rem;
	--am-project-padding-left: 1rem;
}

@media screen and (max-width: 1024px){
	:root{
		--am-left-right-spacing: 1rem;
		--am-extra-side-spacing: 0rem;
		--am-top-bottom-spacing: 2rem;
		--am-logo-bottom-spacing: 2rem;
		--am-project-padding-left: 0.75rem;
	}

	.am-half-width{
		width: calc(100vw - var(--am-left-right-spacing)*3 - var(--am-extra-side-spacing))!important;
		padding-right: var(--am-left-right-spacing);
	}
	
	.am-row{
		display: block !important;
	}

	.am-project-title {
		width: 100% !important;
	}

	.am-project-detail{
		width: calc(100% - var(--am-project-padding-left));
		padding-right: var(--am-project-padding-left);
		padding-bottom: 0 !important;
	}

	.am-logo-container{
		width: 125px !important;
	}
}
@font-face {
	font-family: ArialNarrow;
	src: url(arial_narrow.woff);
}

body{
	padding-top: var(--am-top-bottom-spacing);
	padding-bottom: var(--am-top-bottom-spacing);
	padding-left: var(--am-left-right-spacing);
	font-size: 12px;
	font-family: ArialNarrow, Arial, sans-serif;
	line-height: 1.5;
	color: black;
}

header{
	padding-bottom: var(--am-logo-bottom-spacing);
	margin-left: var(--am-extra-side-spacing);
}

.am-logo-container{
	width: 250px;
}
.am-about-container{
	text-align: justify;
}

.am-index-container,
.am-about-container{
	margin-left: var(--am-extra-side-spacing);
}

.am-index-container p {
    margin: 0;
}

.am-project-title{
	width: var(--am-extra-side-spacing);
}

.am-project-detail{
	flex: none;
	display: block;
	width: calc(100% -var(--am-project-padding-left));
	padding-left: var(--am-project-padding-left);
	padding-bottom: calc(var(--am-project-padding-left) * 2);
	border-left: 1px solid black;
}

.am-row:first-child .am-project-title p,
.am-row:first-child .am-project-detail p:first-child{
	margin-top: 0;
}

.am-row:last-child .am-project-detail{
	padding-bottom: 0;
}

.am-project-detail p:last-child{
	margin-bottom: 0;
}

.am-half-width{
	width: 50vw;
}

.am-full-width{
	width: 100vw;
}

.am-full-height{
	height: 100vh;
}

.am-row{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}