body {
			background-color: white;
			font-size: 75%;
			margin: 0;
			padding: 0;
      font-family: 'Dosis', sans-serif;
}
        
.wrapper {
			display: grid;	
			grid-gap: 2px;
			grid-template-columns: 1fr 4fr;
			grid-template-rows: auto;
			margin: 0;
			padding: 0;
}
        
.header {
      display: grid;
			grid-column: 1 / -1;
			grid-row: 1 / 2;
			font-size: 200%;
			margin: 0;
			padding: 30px 50px 30px 50px;
			background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ead019fa-ec9a-4279-95de-67c956fe1577/d1xhr1p-b93eac79-4953-46bd-a785-9a8b68394bdc.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvZWFkMDE5ZmEtZWM5YS00Mjc5LTk1ZGUtNjdjOTU2ZmUxNTc3XC9kMXhocjFwLWI5M2VhYzc5LTQ5NTMtNDZiZC1hNzg1LTlhOGI2ODM5NGJkYy5qcGcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.GYkpwbBjusK1UKHi9_Ez5RVNcVW_tEqio6VVIgzoJ0w)
}
        
.header img {
      margin: auto;
}
        
.nav {
			grid-column: 1 / 2;
			grid-row: 2 / 3;
			background-color: #b22222;
      font-size: 150%;
			margin: 0;
			padding: 0;
      font-family: 'Ubuntu Condensed', sans-serif;
}
        
.main {
			grid-column: 2 / 3;
			grid-row: 2 / 3;
			background-color: #ee7600;
			font-size: 100%;
			margin: 0;
			padding: 5%;
			color: white;
}
        
.footer {
			grid-column: 1 / -1;
			grid-row: 3 / 4;
			background-color: #cd3700;
			font-size: 125%;
			margin: 0;
			padding: 2%;
			text-align: center;
      font-family: 'Ubuntu Condensed', sans-serif;
}
        
h1 {
			color: white;
			padding: 0;
			margin: 0;
      font-size: 250%;
      text-align: center;
      font-family: 'Josefin Sans', sans-serif;
}
        
h2 {
			color: white;
			padding: 0;
			margin: 0;
      font-size: 225%;
      text-align: center;
      font-family: 'Ubuntu Condensed', sans-serif;
}
        
.floatright {
			float: right;
			margin: 2%;
			border: 1px solid white;
			box-shadow: 2px 2px 8px gray;
}
        
.floatleft {
			float: left;
			margin: 2%;
			border: 1px solid white;
			box-shadow: 2px 2px 8px gray;
}
        
.clearfloat {
      clear: both;
 }
        
.gallery {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr;
			grid-template-rows: auto;
			grid-gap: 20px;
			background-color: #b22222;
			margin: 0;
			padding: 20px;
			border: 1px solid white;
      box-shadow: 2px 2px 8px gray;
      align-items: center;
      justify-items: center;
}
        
img {
			max-width: 100%;
			height: 100;
}
        
.g1 {
		    grid-column: 1 / 2;
		    grid-row: 1 / 2;
		    border: 1px solid white;
		    box-shadow: 2px 2px 8px gray;
}
        
.g2 {
		    grid-column: 2 / 3;
		    grid-row: 1 / 2;
		    border: 1px solid white;
		    box-shadow: 2px 2px 8px gray;
}
        
.g3 {
		    grid-column: 3 / 4;
		    grid-row: 1 / 2;
		    border: 1px solid white;
		    box-shadow: 2px 2px 8px gray;
}
        
.g4 {
		    grid-column: 4 / 5;
		    grid-row: 1 / 2;
		    border: 1px solid white;
		    box-shadow: 2px 2px 8px gray;
}
        
.g5 {
		    grid-column: 1 / 2;
		    grid-row: 1 / 2;
		    border: 1px solid white;
		    box-shadow: 2px 2px 8px gray;
}
        
.g6 {
		    grid-column: 2 / 3;
		    grid-row: 1 / 2;
		    border: 1px solid white;
		    box-shadow: 2px 2px 8px gray;
}
        
.g7 {
		    grid-column: 3 / 4;
		    grid-row: 1 / 2;
		    border: 1px solid white;
		    box-shadow: 2px 2px 8px gray;
}
        
.g8 {
		    grid-column: 4 / 5;
		    grid-row: 1 / 2;
		    border: 1px solid white;
		    box-shadow: 2px 2px 8px gray;
}
        
.nav ul {
        list-style-type: none;    
}
        
 .nav a {
        display: block;
        color: white;
        text-decoration: none;
        border-bottom: 1px solid white;
        padding: 8px 8px 8px 8px;
}
        
.nav a:hover {
        background: #ee7600;
        color: black;
}
        
p {
        font-size: 150%;
}