body {
			background-color: white;
			font-size: 100%;
			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: 90%;
			margin: 0;
			padding: 2%;
			text-align: center;
      font-family: 'Ubuntu Condensed', sans-serif;
}
        
h1 {
			color: white;
			padding: 0;
			margin: 0;
      text-align: center;
      font-family: 'Josefin Sans', sans-serif;
}
        
h2 {
			color: white;
			padding: 0;
			margin: 0;
      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;
}
        
img {
			max-width: 100%;
			height: auto;
}
        
.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;
}