* {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
    display:block;
}

html {
  scroll-behavior: smooth;
}

.container{
    display: flex;
    flex-direction: column;
}

ul li{
    display: none;
}

header{
   background-color: #238823;
    width:100%; 
    
}

.donate{
    display: none;
}


.logo{
    width: 300px;
    vertical-align: middle;
}

h1{
    text-align: center;
    color: #D2222D;
    padding-top: 5%;
    padding-bottom: 5%;
}

h2{
    
    color: black;
    padding-top: 2%;
    padding-bottom: 5%;
}



main{
    display: flex;
    flex-direction: column;
    padding-bottom: 10%;
}

 p{
    font-family: 'Georgia', serif;
    width: 90%;
    margin: auto;
       
}

main img{
    margin: auto;
    width: 80%; 
    display: block;
}

main p{
    padding-top: 2%;
    font-size: 1.5em;
}

#strategy, #contact {
    
    width: 100%;
    padding-bottom: 5%;
    padding-top:2%;
    
}

#strategy img{
    padding-top: 5%;
    width: 100%;
}

#strategy h1, #projects h1, #contact h1{
    text-align: left;
    padding-left: 5%;
}



#projects img{
    display: block;
    margin: auto;
}

#projects h2{
    width: 80%;
    margin: auto;
}


#contact h2{
    width: 90%;
    margin: auto;
}
#policy_link{
    font-size: 2em; 
    text-align: center;
    padding-top: 2%;
    text-decoration: underline;
     padding-top: 5%;
}

#policy_link a {
    color: #D2222D;
   
}

iframe{
    margin: auto;
    display: block;
    width: 100%; 
}

footer{
    background-color:#DFEAE4;
    padding: 2%;
    font-family: "Lato";
}

footer p{
    text-align: center;
}

/* *********hamburger menu styles******* */
.hamburger{
  background:none;
  position:absolute;
  top:0;
  right:0;
  line-height:45px;
  padding:5px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
  background:none;
  position:absolute;
  top:0px;
  right:0;
  padding:7px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.menu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#D2222D;  position:absolute; text-align:center; font-size:12px;}
.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.menu li:hover{display: block;    background:#ffffff; padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.menu ul li a { text-decoration:none;  margin: 0px; color:#F7EDEE;}
.menu ul li a:hover {  color: #666; text-decoration:none;}
.menu a{text-decoration:none; color:#666;}
.menu a:hover{text-decoration:none; color:#666;}




@media (min-width:1024px){
    .hamburger, .cross, .menu{
        display: none;
    }
    
    ul {
      display: inline;
      list-style: none;
      padding-left: 10%;
    }

    li {
      display: inline;
      cursor: pointer;
      padding: 20px;
      margin-left: -5px;
      font-family: 'Lato', sans-serif;
      font-weight: bold;
      
    }

    a {
      text-decoration: none;
      color: #F7EDEE;
    }

    li a:hover {
      text-decoration: underline;
    }
    
   li a:visited{
        text-decoration: none;
        list-style-type: none;
        
    }
    
    ul li{
        display: inline;
        
    }

    button{
        background-color: #D2222D;
        padding:1%; 
        border-radius: 15px 15px 15px 15px;  
        font-family: 'Lato', sans-serif;
        font-weight: bold;
    }
    
    .donate{
        display: inline;
    }
    main p{
        width: 80%;
    }
    
    main img{
    margin: auto;
    width: 40%; 
}
    
    #about p{
        width: 85%;
        padding-top: 2%;
    }
    
    .border{
        padding-top: 5%;
    }
    
    .row {
  display: flex;
    }

    .column {
      flex: 50%;
    }
}