html {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.25;
	}

body {
    /* font-family: 'Times New Roman'; */
	padding:0px;
    margin:0px;
    background-color: #FFF;
    color:#111;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    }


main {
	flex: 1 0 auto;
/*
    background-image: url(../images/Home_Stardust_NPurschwitz2022.jpg);
    background-size: contain;
*/
	}
footer {
	flex-shrink:0;
}
.columns {
		max-width: 100%;
		column-count: 4;
		column-width: 16em;
		column-gap: 4em;
		/* column-rule: 0.0125em solid black; */
		padding: 0;
		margin: 0 0 1rem 0;
	}

header {
/*
 	padding: 1rem;
 	border-bottom: 4px outset pink;
 	border-collapse: collapse;
*/
	}

footer a.contact { margin: 1rem; line-height: 1; }
footer h4 { margin: 1rem; line-height: 1; }

/* .col { border-left: 1px solid red;} */

/* HEADINGS */

h1 {
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: 300;
	color: #000;
	margin: 1rem;
	padding: 0px;
	text-transform: uppercase;
	text-align: left;
	}

h2 {
	font-size: 3rem;
	font-weight:800;
	margin:1rem;
	padding: 0px;
	display: block;
	line-height: 1;
	}

[titlestrip] { background-color: #000; color: #FFF;  }

h3 { font-size: 2rem; font-weight: 900; color:#111; margin: 1rem 0 1.5rem 0;}

h4 { font-size: 1.25rem; font-weight: 300; margin: 0px; padding: 0px;text-transform: uppercase; }
h5 { font-size: 1.1rem; margin: 0.75rem 0px 0px 0px; font-weight:500; line-height: 1;}
h6 { font-size: 1.25rem; margin-top: 0px; margin-right:0.5rem; line-height:1.35;}

p { font-weight: 300; line-height: 1.5; margin-top: 0;}
.flow-text {margin-top: 0.5rem; }

.projectmeta {
	font-size: 0.75rem;
	line-height: 1.5;
	color:#777;
	margin:0px;
	}

.projectmeta a { font-weight: 400; }

.cvmeta {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5;
	color:#777;
	margin-bottom:2rem;
	}

.smallcaps { font-variant: small-caps;}
.caption {margin-top: 0.5rem; }
.selected { color: #ccc; }
.lowercase li { text-transform: capitalize; line-height: 1.5; }
.pairedfont { font-family: 'Roboto Slab'; font-weight: 400; line-height: 1.5; }
.offset { padding: 1rem 0 1rem 1rem; }
.textoffset { margin: 0 2rem 0 1rem; }
.cvoffset { padding: 0rem 1rem; }

.cover-img { border: 1rem solid white; }

/* .gallery { max-width: 80rem; position:inherit;} */

.gallery .col { padding: 0 1rem 1rem 0; }
.collapsible-header { padding: 0; margin:0; }
.collapsible-body { border-top: 1px solid black; border-bottom: none; }
.collapsible-body p { padding: 0; margin: 1rem 0 1rem 0; }
.collapsible-header i { line-height:1; }
.borderless { border:0px; }
.center { margin-left:auto; margin-right:auto; }
.nomargin { margin:0px;}

/* NAVIGATION */

ul.navigation {
	padding: 0px;
	margin: 1rem;
	float:right;
	}

ul.navigation > li {
	list-style-type:none;
	color:#111;
	display:block;
	line-height: 2rem;
	float:left;
	margin-right:3rem;
	}

ul.navigation > li:last-child {
	margin-right:0;
	}

a:link { color: #111; }
a:active { color: #FF007C; }
a:visited { color: #111; }
a:hover { color: #ff007c; }

a.white-link:link { color: #FFF; }
a.white-link:active { color: #FF007C; }
a.white-link:visited { color: #FFF; }
a.white-link:hover { color: #FF007C; }


.selected { font-weight: 900; }

.submenu {
	font-size: 2.5rem;
	font-weight: 200;
	line-height: 1.2;
	margin: 1rem;
	text-transform: uppercase;
	}

.subsubmenu {
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.25;
	text-transform: uppercase;
	margin: 1rem 2rem 1.5rem 1rem;
	}

.subsubsubmenu {
	font-size: 1.25rem;
	font-weight: 300;
	line-height: 1.5;
	margin: 1rem 2rem 1.5rem 1rem;
	}


iframe {
	border: 0px;
	}

/* MASONRY GRID LAYOUT */

.item { padding-bottom: 1rem; }

.masonry {
    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
    margin:1rem;
    }

img.scale-with-grid {
    max-width: 100%;
    height: auto;
    margin:0px;
    }

/* RESPONSIVE BREAKPOINTS */

@media only screen and (max-width: 600px) {
    .masonry {
	    -moz-column-count: 1;
	    -webkit-column-count: 1;
	    column-count: 1;
	    }
	.flow-text { font-size: 1rem; }
	ul.navigation { float:left; }
	footer h4 { text-transform: lowercase;}
	.textoffset { margin: 1rem 1rem 1rem 0; }
	h2 { font-size: 2rem; padding:0px; line-height: 2rem; }
	.collapsible-header i { font-size: 2rem; line-height:1; padding:0px; }
	.cover-img { border: none; }
	.submenu { font-size: 2rem; }
	.subsubmenu { font-size: 1.25rem; }
	}


@media only screen and (min-width: 601px) {
    .masonry {
	    -moz-column-count: 3;
	    -webkit-column-count: 3;
	    column-count: 3;
	    }
	.flow-text { font-size: 1.1rem; }
	img.offset { padding: 0 1rem 0 1rem; }
	}

@media only screen and (min-width: 993px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
	}
    .flow-text { font-size: 1.2rem; }
    }


 @media only screen and (min-width: 1280px) {
    .masonry {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
        }
     .flow-text { font-size: 1.3rem;  }
    }