/* css/eg2020.css */
/* mini reset from here: https://alligator.io/css/minimal-css-reset/;*/

html {
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.2;
}

*, *:before, *:after {
  box-sizing: inherit;
}

figure{
	margin: 0;
	padding: 0;
}

figcaption{
	text-align: center;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
/* font stuff */
h1, h2, h3, h4, h5, h6, .eg{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}
/* type scale: 2.986em, 3.583em, 4.3em, 5.16em */
	h1 {
		  font-size: 2.488em;
		}

	h2 {
		font-size: 2.074em;
	}

	h3 {
		font-size: 1.728em;
	}

	p{
		font-size: 1.44em;
	}

	h4{
		display: inline-block;
		font-weight: 700;
	}

	h5,  {

		font-size: 1.2em;
	}

	ul{
		margin: 1.2em;
	}
	.details p, .details ul{
		font-size: 1.2em;
		color: rgba(16,16,16,0.8);

	}

	small, .small {
		font-size: 0.833em;
	}
	.smaller{
		font-size: 0.694em;
	}
	.smallest{
		font-size: 0.579em;
	}




body, p, ul{
	font-family: 'Montserrat', sans-serif;

}
p{
	margin-bottom: 1em;
}

ol, ul {
  /*list-style: none;*/
  margin-left: 1em;
}

hr{
	border-color: rgba(240,240,240,0.1);
	margin: 6em 0;
}

img {
  max-width: 100%;
  height: auto;
}

nav {
    position: fixed;
    background-color: rgba(252,252,252,1);
    width: 100vw;
    height: 75px;
    top: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(6, auto);
    grid-gap: 1.44em;
    justify-content: end;
    font-size: 0.833em;
    z-index: 999;
    
}

nav a:not(.eg){
	margin-top: 40px;
}

nav .eg{
	position: absolute;
  width: 350px;
  left: 0;
  font-size: 2em;
  top: 8px;

}

nav .eg:after{
	content: none;
}

a, a:link, a:visited {
	color: rgba(16,16,16, .75);
	text-decoration: none;
}

a:hover, a:focus {
  color: rgba(16, 16, 16, .95);
  text-decoration: none;
}

nav .eg {
    left: 50px;
}


nav #eliza {
    color: rgba(16,16,16, 0.95);
    font-weight: 700
}


header img{
	width: 100%;
	height: auto;
}


header article{

	  font-family: 'Lora', serif;
    right: 40px;
    font-size: 1.44em;
    color: rgba(56, 55, 55, 0.9);
    margin: 1em;
	
}

header article span{
  font-weight: 700;
  font-size: 6em;
  position: absolute;
  transform: translate(-13px, -56px) rotate(-15deg);
  opacity: 0.2;
}

header article a, header article a:link, header article a:visited {
    color: rgba(234, 175, 81, 1);
    text-decoration: underline;
    transition: all 0.25s;
}

header article a:hover, header article a:focus {
    color: rgba(240,240,240, 1);
    text-decoration: none;
}



main{
	margin: 2.074em 0;
}

#sacred{
	padding: 3em;
}
#current-exhibition{
	text-align: center;
}
#arsenal-details{
	display: grid;
	grid-template-columns: 1fr;
	text-align: center;

}

footer{
	width: 100%;
	height: 50px;
	background-color: rgba(216, 216, 216, 0.75);
	padding: 1em;
	text-align: center;
}



/* media queries for the win */

@media screen and (min-width: 900px){

	nav{
		font-size: 1.2em;
	}

	nav a:not(.eg){
		margin-top: 20px;
	}

	nav .eg{
	  left: 50px;
	}

	header article{
		font-family: 'Lora', serif;
		position: absolute;
	  top: 90px;
	  right: 40px;
	  width: 24em;
	  font-size: 1.44em;
	  color: rgba(240,240,240,0.9);
	}
	header article span{
	  font-weight: 700;
	  font-size: 6em;
	  position: absolute;
	  transform: translate(-50px, -30px) rotate(-15deg);
	  opacity: 0.6;
	}
	#arsenal-details{
	display: grid;
	grid-template-columns: 1fr 1fr;
	text-align: center;

}

}