* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

header {
  background-color:gray;
  padding: 20px;
  text-align: center;
  font-size: 35px;
  color: white;
}

img{
    width:500;
    Height:300;
   float:left;
}

.CharitySize{
    Font-size:40;
}



h1 {
    color:GoldenRod;
    text-align:center;
}

h4 {
    text-align:center;
}

.WhiteHeader {
    color:Black;
}

.HeaderColor{
    color:black;
}

section::after {
  content: "";
  display: table;
  clear: both;
}

.topnav{
    overflow:hidden;
    background-color:black;
}

.topnav a{
    float:center;
    color:white;
    text-align:center;
    padding: 16px 24px;
    font-size:17px;
    text-decoration:none;
    
}

.topnav a:hover{
    background-color:white;
    color:black;
}
.topnav a.active{
    background-color:yellow;
    color:pink;
}

.BackgroundImage{
    background-image: url(https://cdn.winsightmedia.com/platform/files/public/2020-04/background/600x450/shutterstock_1192524325_1587570247.jpg?VersionId=eyTaPxeI2oRKZJNfz.Dc7ADXi19CVLiL);
}

.BackgroundImageTwo{
    background-image:url(https://images.unsplash.com/photo-1454117096348-e4abbeba002c?ixlib=rb-4.0.3);
}

.BackgroundimageThree{
    background-image:url(https://images.squarespace-cdn.com/content/v1/51faa02ce4b08f2b5c1ef772/1527525332527-4Z9QSQ4E29CVQSYXFGWG/feeding-america.jpg?format=2500w);
}

.BackgroundImageFour {
    background-image:url(https://primecard.com/asset/uploads/on_page_element/5e4cd6a2465058.jpg);
}

table, th, td {


  border: 1px solid white;


  border-collapse: collapse;


}


th, td {


  padding: 10px;


}


th {


  background-color:black;


  font-size: 20px;

  color:white;
  }


td {


  background-color:grey;

  color:white;
  }


.center {


  margin-left: auto;


  margin-right: auto;


}








@media (max-width: 200px) {
  nav, article {
    width: 100%;
    height: auto;