.wrapper{

    display:grid;
grid-template-columns:auto 25% 60% auto;
grid-gap:1.5%;
padding: 1.5%;

}




a {
  color: #131313;
}

img {
  width: 75%; /* set the width of the image. Image will take up 100% width of available space */
  height: auto; /* height will automatically resize based on width */
}

footer {
  display: flex;
  justify-content: center; /* center items vertically, in this case */
  align-items: center; /* center items horizontally, in this case */
  box-sizing: border-box;
  width: 100%; /* set the width of the footer  */
  height: 15vh; /* set the height of the footer  */
  color: #fff; /* set the text colour of the footer  */
  background-color: #0E0E0E;
  margin-top: 1em;
  font-size: small;
}

.rightcenter {
   text-align: left;
  }

.content img {
height:80px;
  width: 80px;
  float:left;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  padding: 5%;
}

.centerone {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 5%;
}


.center1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 33%;
  padding: 5%;
}

.resize {
  width: 30px;
  height: auto;
  display: block;
margin-left: auto;
margin-right: auto;

}

.resize4 {
  width: 200px;
  height: auto;
  display: block;
margin-left: auto;
margin-right: auto;

}

.resize11 {
  width: 30px;
  height: auto;

}

h1{color: rgb(0, 0, 0); text-align:center}

h2{color: rgb(59, 59, 61);text-align:center}

h3{color: rgb(109, 112, 110);text-align:center}



  body {
    font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
    padding: 1.5%; text-align: left; font-size: large;
  }

  .resizetwo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
    height: auto;
  }

  /* Dropdown Button */
.dropbtn1 {
  background-color: #6a04c8;
  color: white;
  padding: 16px;
  font-size: 10px;
  border: none;
  text-align: center;
}

.dropbtn2 {
    background-color: #373636;
    color: white;
    padding: 16px;
    font-size: 10px;
    border: none;
    text-align: center;
  }

  .dropbtn3 {
    background-color: #803504;
    color: white;
    padding: 16px;
    font-size: 10px;
    border: none;
    text-align: center;
  }

  .dropbtn4 {
    background-color: #05bd7a;
    color: white;
    padding: 16px;
    font-size: 10px;
    border: none;
    text-align: center;
  }

  .dropbtn5 {
    background-color: #0566c1;
    color: white;
    padding: 16px;
    font-size: 10px;
    border: none;
    text-align: center;
  }

  .dropbtn6 {
    background-color: #db333b;
    color: white;
    padding: 16px;
    font-size: 10px;
    border: none;
    text-align: center;
  }

  .dropbtn7 {
    background-color: #a6a605;
    color: white;
    padding: 16px;
    font-size: 10px;
    border: none;
    text-align: center;
  }


/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 10px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: center;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: center;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #999c99;}