@media screen
    and (max-width: 1020px) {}
@media only screen
    and (max-width: 600px) {}
@media screen
    and (max-width: 480px) {}
@media only screen
    and (max-width : 375px)
    and (max-height : 812px)
    and (-webkit-device-pixel-ratio : 3) {}

/* div{
  width: 100%;
  height: 100%;
  margin:10%;
} */

body {
  background-image: url("images/logo.png") , url("images/banner2.png");
  background-repeat:no-repeat;
  background-position: top;
  padding:5%;
  border-radius: 5%;


}
.summary {
font-family:  'Tangerine', cursive;
text-align: center;
font-size: 35pt;
}

.summary > p {
font-family: 'Neuton', serif;
text-align: center;
color: #5b5d52;
font-size: 18pt;
margin-left: 42%;
margin-right: 0%;
}

.preamble{
  display:flex;
  background-repeat: no-repeat;
  background-position:bottom;
  padding-top:10%;
  padding-bottom: 10%;

}

.preamble p {
  margin-right: 1em;
  padding:1em;
}
.intro{
  display:content;
  width: 100%;
  padding-top: 300px;


}
.explanation {
  /* padding-left: 31%;
  padding-right: 29%; */
}
.participation {
position: relative;
background-repeat: no-repeat;
background-position: top;
}

.benefits{
  display: block;
}
.requirements{
  display:block;
  background-repeat: no-repeat;
}

a:link {
	font-weight: bold;
	text-decoration: none;
	color: Blue;
	}

a:visited {
	font-weight: bold;
	text-decoration: none;
	color: green;
	}

a:hover, a:focus, a:active {
	text-decoration: underline;
	color: Purple;
	}

  h1 {
      font-family: 'Abril Fatface', cursive;
      color:#91ce16;

  }

  h2 {
    display:block;
  	color: #f0b900;
    font-family: 'Tangerine', cursive;
    font-size: 53pt;
    padding-left: 45%;


  }

  h3 {
  	font-family: 'Abril Fatface', cursive;
  	text-align: center;
  	width:100%;
  	font-weight: bold;
  	font-size: 28pt;
  	color:#222222;
  }

  div, p {

    display: block;
    text-align: left;
    text-indent: 15pt;
  	font-size: 16pt;
    font-family: 'Neuton', serif;
	  color:black;
  	content: "";
  }

  /* .sidebar{
    right: 10px;

  } */

  .sidebar li a:link {
  	color: blue;
  	}
  .sidebar li a:visited {
  	color: hotpink;
  }
  h3.archives{
  	color:black;
    font-size: 16pt;
  }
  h3.select {
  	color:black;
    font-size: 16pt;
  }
  h3.resources{
    font-size: 16pt;
    color: black;
  }

  .wrapper{
    display:flex;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;

  }
  footer {
    position: relative;
    text-align: center;
    background-color: #91ce16;
    background-repeat:no-repeat;
    background-position:bottom;

}