/* FOR BOTH MOBILE AND DESKTOP*/
*{
	box-sizing: border-box;
	font-size: 12pt;
}

body{
	margin:10px;
}header, main{
	margin: 20px;
}

ul{
	padding: 0;
	margin: 0;
}li{
	padding: 0;
	margin: 0;
	list-style: none;
}

a{
	color: black;
	text-decoration: none;
	text-decoration: underline;
}

.title{
	font-style:italic;
}

main{
	margin-top: 60px;
	max-width: 1000px;
}

/*------PROJECT BLOCKS-----*/
/* ALL OF THE BLOCKS SELECTORS */
.blocks{} /*wraps all the blocks within a subpage*/
.block{} /*wraps around each block*/
figure{} /*one level down from .block. wraps around image and image caption (figcaption) content*/
/* All of the text blocks are a paragraph element within a .block class*/

.pagetitle{
	margin-bottom: 20px;
}

h2, h3{
	line-height: 1;
	padding: 0;
	margin: 0;
}h2{
	font-size: 24pt !important;
}h3{
	font-weight:200;
}

.blocks{
	margin-bottom:50px;
}figure{
	margin: 0px;
	margin-bottom: 20px;
}img{
	display: block;
	width:auto;
	max-width: 100%;
	max-height: 700px;
}

/*-------------------------*/

.about>.text{
	position: absolute;
	display: block;
	max-width: 400px;
	transform: translate(-50%, -50%);
	top:46%;
	left:50%;
	line-height: 1.5;
	text-align: center;
	font-style: italic;
}

.landing-main{
	position: absolute;
	display: block;
	max-width: 200px;
	transform: translate(-50%, -50%);
	top:40%;
	left:50%;
}

/*JUST FOR MOBILE*/
@media only screen and (max-width: 600px) {
	
}/*JUST FOR DESKTOP*/
@media only screen and (min-width: 600px) {
	/* creates a 2 column layout*/
	/*
	body{
		display: grid;
		grid-template-columns: auto auto;
	}header{
		
	}main{
		max-width: 900px;
	}*/
}