@charset "UTF-8";
/**
 * index.scss
 * - Add any styles you want here!
 */
.creditCard {
  display: none;
}

@media (min-width: 768px) {
  .creditCardChange {
    display: none;
  }

  .creditCard {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 40px;
  }
}
.confoimg {
  object-fit: cover;
  margin-left: 5%;
  margin-right: 5%;
}

.emailpolice {
  margin-left: 5%;
  margin-right: 5%;
}

body {
  background: #ffffff;
  font-family: "Kumbh Sans";
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 23px;
}

p {
  font-size: 20px;
}

.endend {
  display: none;
  color: white;
  padding: 17px;
}

@media (min-width: 1000px) {
  #wildfireImageText {
    font-size: 30px;
  }

  #aug {
    text-align: center;
  }

  #floodImageText {
    font-size: 30px;
  }

  #earthquakeImageText {
    font-size: 30px;
  }

  #hurricaneImageText {
    font-size: 30px;
  }

  #tornadoImageText {
    font-size: 30px;
  }

  #winterstormImageText {
    font-size: 30px;
  }
}
@media (max-width: 1000px) {
  .navheight {
    height: 40px;
  }

  .navheighta {
    height: 60px;
  }

  .specificnavbutton {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-left: 20px;
    font-size: 10px;
    text-decoration: none;
    color: black;
  }
}
nav {
  background-color: #FFCDCD;
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 35px;
  padding-right: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.navbuttons {
  display: flex;
  align-items: center;
  gap: 5px;
}

.specificnavbutton {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-left: 20px;
  font-size: 20px;
  text-decoration: none;
  color: black;
}

.newtitle {
  text-align: center;
  background-color: #FFCDCD;
  padding: 20px;
}

.newtitleimage {
  height: 60px;
}

.newbuttons {
  justify-content: space-around;
  display: flex;
  background-color: #FFCDCD;
  flex-direction: row;
  padding: 20px;
  position: fixed;
  margin-left: 0px;
  margin-right: 0px;
  bottom: 0px;
  width: 100%;
  left: -4.5%;
}

.newnavbutton {
  height: 40px;
}

/* END NAV BAR */
.ourmission {
  text-align: center;
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 40px;
}

.whoweare {
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  background-color: #FFEFCD;
  margin-bottom: 40px;
  margin-right: 40px;
  margin-left: 40px;
}

.contactus {
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 30px;
  background-color: #FFEFCD;
  margin-bottom: 40px;
  margin-top: 40px;
  margin-right: 40px;
  margin-left: 40px;
}

.emailrc {
  color: black;
  padding-right: 40px;
}

.whowearedetails {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
  margin-top: -20px;
}

.clarabarton {
  object-fit: cover;
}

.clarab {
  color: black;
}

.whatwedo {
  text-align: center;
}

.whatwedodetails {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin-top: 40px;
  margin-left: 40px;
  margin-right: 40px;
}

.disasterreliefimage {
  object-fit: cover;
}

.bloodservicesimage {
  object-fit: cover;
}

.trainingservicesimage {
  object-fit: cover;
}

.firstresponderxwhoweare {
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  background-color: #E4F3FF;
  margin-bottom: 40px;
  margin-right: 40px;
  margin-left: 40px;
}

.linkemailpolice {
  color: black;
}

.emailpolice {
  text-align: center;
}

.disasterbuttons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 20px;
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 40px;
}

.disasterbuttons img {
  width: 100%;
  /* Make images fill their grid cells */
  height: 100%;
}

#wildfireButton {
  position: relative;
  text-align: center;
  color: black;
  border: none;
  background-color: white;
}

#wildfireButton:hover {
  cursor: pointer;
}

#floodButton:hover {
  cursor: pointer;
}

#earthquakeButton:hover {
  cursor: pointer;
}

#hurricaneButton:hover {
  cursor: pointer;
}

#tornadoButton:hover {
  cursor: pointer;
}

#winterstormButton:hover {
  cursor: pointer;
}

#wildfireImage {
  opacity: 40%;
}

#wildfireImageText {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#wildfireInformationBox {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding-top: 10px;
  padding-right: 40px;
  padding-left: 40px;
  padding-bottom: 20px;
  border: solid 5px black;
}

#wildfireTitle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -20px;
}

#wildfireClose {
  background-color: white;
  border: none;
}

#wildfireClose:hover {
  cursor: pointer;
}

#floodClose:hover {
  cursor: pointer;
}

#earthquakeClose:hover {
  cursor: pointer;
}

#hurricaneClose:hover {
  cursor: pointer;
}

#tornadoClose:hover {
  cursor: pointer;
}

#winterstormClose:hover {
  cursor: pointer;
}

#floodButton {
  position: relative;
  text-align: center;
  color: black;
  border: none;
  background-color: white;
}

#floodImage {
  opacity: 40%;
}

#floodImageText {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#floodInformationBox {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding-top: 10px;
  padding-right: 40px;
  padding-left: 40px;
  padding-bottom: 20px;
  border: solid 5px black;
}

#floodTitle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -20px;
}

#floodClose {
  background-color: white;
  border: none;
}

#earthquakeButton {
  position: relative;
  text-align: center;
  color: black;
  border: none;
  background-color: white;
}

#earthquakeImage {
  opacity: 40%;
}

#earthquakeImageText {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#earthquakeInformationBox {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding-top: 10px;
  padding-right: 40px;
  padding-left: 40px;
  padding-bottom: 20px;
  border: solid 5px black;
}

#earthquakeTitle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -20px;
}

#earthquakeClose {
  background-color: white;
  border: none;
}

#hurricaneButton {
  position: relative;
  text-align: center;
  color: black;
  border: none;
  background-color: white;
}

#hurricaneImage {
  opacity: 40%;
}

#hurricaneImageText {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#hurricaneInformationBox {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding-top: 10px;
  padding-right: 40px;
  padding-left: 40px;
  padding-bottom: 20px;
  border: solid 5px black;
}

#hurricaneTitle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -20px;
}

#hurricaneClose {
  background-color: white;
  border: none;
}

#tornadoButton {
  position: relative;
  text-align: center;
  color: black;
  border: none;
  background-color: white;
}

#tornadoImage {
  opacity: 20%;
}

#tornadoImageText {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#tornadoInformationBox {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding-top: 10px;
  padding-right: 40px;
  padding-left: 40px;
  padding-bottom: 20px;
  border: solid 5px black;
}

#tornadoTitle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -20px;
}

#tornadoClose {
  background-color: white;
  border: none;
}

#winterstormButton {
  position: relative;
  text-align: center;
  color: black;
  border: none;
  background-color: white;
}

#winterstormImage {
  opacity: 40%;
}

#winterstormImageText {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#winterstormInformationBox {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding-top: 10px;
  padding-right: 40px;
  padding-left: 40px;
  padding-bottom: 20px;
  border: solid 5px black;
}

#winterstormTitle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -20px;
}

#winterstormClose {
  background-color: white;
  border: none;
}

.volunteerstuff {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  margin-left: 40px;
  margin-right: 40px;
}

.volunteerdisasters {
  text-align: center;
}

.volunteermuchoimportante {
  background-color: #E6DFF9;
  text-align: center;
  margin-left: 40px;
  margin-right: 40px;
  padding: 5px;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 40px;
}

.murph {
  color: black;
  text-decoration: none;
}

.volunteersformandphoto {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-left: 70px;
  margin-right: 40px;
  margin-bottom: 40px;
}

.volunteersimage {
  object-fit: cover;
}

input[type=pbox] {
  background-color: #E6DFF9;
  width: 90%;
}

.pbox {
  background-color: #E6DFF9;
}

.prbox {
  background-color: #E6DFF9;
  color: black;
  border: solid 2px;
  padding: 4px;
  text-decoration: none;
  border-radius: 10%;
}

.gbox {
  background-color: #DEFAD6;
  color: black;
  border: solid 2px;
  padding: 4px;
  text-decoration: none;
  border-radius: 10%;
}

#sendbuttonjs {
  background-color: #E6DFF9;
}

textarea[type=pbox] {
  width: 90%;
  border: 2px solid;
}

.container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.container input[type=checkbox] {
  margin-right: 10px;
  /* spacing between checkbox and label text */
}

.checkmark {
  display: none;
  /* optional: hide the custom checkmark if you're not using it */
}

/* Donation*/
.listOfLinks {
  display: grid;
  grid-template-columns: auto auto;
  gap: 20px;
}

.bloodDonation {
  background-color: #DEFAD6;
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  margin-top: -10px;
  margin-right: 40px;
  margin-left: 40px;
}

.cities {
  color: black;
}

.monetarydonationtitle {
  text-align: center;
  margin-top: 40px;
}

.formSingle {
  padding-top: 10px;
  padding-left: 30px;
}

input[type=form1] {
  background-color: #DEFAD6;
  width: 100%;
}

input[type=form2] {
  background-color: #FAFAFA;
  width: 100%;
}

.button0 {
  background-color: #DEFAD6;
  cursor: pointer;
}

.button1 {
  cursor: pointer;
  background-color: #ffffff;
}

.formsAll {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 80px;
  margin-right: 40px;
}

#donaimg {
  margin-top: 10px;
  padding: 30px;
  object-fit: cover;
}

/* Ends Donations */
.footer {
  text-align: center;
  background-color: #FFCDCD;
  padding-top: 13px;
  padding-bottom: 15px;
  padding-left: 35px;
  padding-right: 35px;
}

.footertext {
  font-weight: bold;
  font-size: 23px;
}

/*End Navbar*/
.amogus {
  position: relative;
  animation: mymove 15s infinite;
  animation-delay: 0s;
}

@keyframes mymove {
  from {
    left: -500px;
  }
  to {
    left: 1000px;
  }
}
.бабушка {
  color: black;
  text-decoration: none;
}

.funsies {
  margin-left: 15%;
  margin-right: 15%;
}

.gridofunsies {
  display: grid;
  grid-template-columns: auto auto;
  gap: 5px;
}

.babushka {
  display: grid;
  grid-template-columns: auto auto;
  gap: 5px;
}

.viking {
  margin-right: 50%;
}

.dave {
  margin-left: 25%;
  margin-right: 30%;
}

.bgdave {
  background-color: black;
  margin: -1%;
}

.orangeeboxey {
  background-color: #FFCCA9;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-left: 13%;
  margin-right: 13%;
  margin-bottom: 5%;
}

@media (max-width: 768px) {
  /**
  * index.scss
  * - Add any styles you want here!
  */
  body {
    background: #ffffff;
    font-family: "Kumbh Sans";
  }

  h1 {
    font-size: 22px;
  }

  h2 {
    font-size: 17px;
  }

  p {
    font-size: 15px;
  }

  .endend {
    display: block;
    color: white;
    padding: 17px;
  }

  nav {
    background-color: #FFCDCD;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 35px;
    padding-right: 35px;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .navbuttons {
    display: flex;
    align-items: center;
    gap: 25px;
  }

  .specificnavbutton {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    font-size: 23px;
    text-decoration: none;
    color: black;
  }

  /* END NAV BAR */
  .ourmission {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .whoweare {
    text-align: left;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #FFEFCD;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .contactus {
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #FFEFCD;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .emailrc {
    color: black;
    padding-right: 40px;
  }

  .clarabarton {
    object-fit: cover;
  }

  .clarab {
    color: black;
  }

  .whatwedo {
    text-align: center;
  }

  .whatwedodetails {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .disasterreliefimage {
    object-fit: cover;
  }

  .bloodservicesimage {
    object-fit: cover;
  }

  .trainingservicesimage {
    object-fit: cover;
  }

  .firstresponderxwhoweare {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    background-color: #E4F3FF;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .linkemailpolice {
    color: black;
  }

  .emailpolice {
    text-align: center;
  }

  .disasterbuttons {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 40px;
  }

  .disasterbuttons img {
    width: 100%;
    /* Make images fill their grid cells */
    height: 100%;
  }

  #wildfireButton {
    position: relative;
    text-align: center;
    color: black;
    border: none;
    background-color: white;
  }

  #wildfireImage {
    opacity: 40%;
  }

  #wildfireImageText {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #wildfireInformationBox {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding-top: 10px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 20px;
    border: solid 5px black;
  }

  #wildfireTitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -20px;
  }

  #wildfireClose {
    background-color: white;
    border: none;
  }

  #floodButton {
    position: relative;
    text-align: center;
    color: black;
    border: none;
    background-color: white;
  }

  #floodImage {
    opacity: 40%;
  }

  #floodImageText {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #floodInformationBox {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding-top: 10px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 20px;
    border: solid 5px black;
  }

  #floodTitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -20px;
  }

  #floodClose {
    background-color: white;
    border: none;
  }

  #earthquakeButton {
    position: relative;
    text-align: center;
    color: black;
    border: none;
    background-color: white;
  }

  #earthquakeImage {
    opacity: 40%;
  }

  #earthquakeImageText {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #earthquakeInformationBox {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding-top: 10px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 20px;
    border: solid 5px black;
  }

  #earthquakeTitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -20px;
  }

  #earthquakeClose {
    background-color: white;
    border: none;
  }

  #hurricaneButton {
    position: relative;
    text-align: center;
    color: black;
    border: none;
    background-color: white;
  }

  #hurricaneImage {
    opacity: 40%;
  }

  #hurricaneImageText {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #hurricaneInformationBox {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding-top: 10px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 20px;
    border: solid 5px black;
  }

  #hurricaneTitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -20px;
  }

  #hurricaneClose {
    background-color: white;
    border: none;
  }

  #tornadoButton {
    position: relative;
    text-align: center;
    color: black;
    border: none;
    background-color: white;
  }

  #tornadoImage {
    opacity: 40%;
  }

  #tornadoImageText {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #tornadoInformationBox {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding-top: 10px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 20px;
    border: solid 5px black;
  }

  #tornadoTitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -20px;
  }

  #tornadoClose {
    background-color: white;
    border: none;
  }

  #winterstormButton {
    position: relative;
    text-align: center;
    color: black;
    border: none;
    background-color: white;
  }

  #winterstormImage {
    opacity: 40%;
  }

  #winterstormImageText {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #winterstormInformationBox {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding-top: 10px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 20px;
    border: solid 5px black;
  }

  #winterstormTitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -20px;
  }

  #winterstormClose {
    background-color: white;
    border: none;
  }

  .volunteerstuff {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

  #disasterspng {
    height: 35px;
  }

  #blooddroppng {
    height: 35px;
  }

  #doctorspng {
    height: 35px;
  }

  .volunteerdisasters {
    text-align: center;
  }

  .volunteermuchoimportante {
    background-color: #E6DFF9;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
  }

  .volunteersformandphoto {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 40px;
  }

  .volunteersimage {
    object-fit: cover;
  }

  input[type=pbox] {
    background-color: #E6DFF9;
    width: 90%;
  }

  .pbox {
    background-color: #E6DFF9;
  }

  textarea[type=pbox] {
    width: 90%;
    border: 2px solid;
  }

  .container {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }

  .container input[type=checkbox] {
    margin-right: 10px;
    /* spacing between checkbox and label text */
  }

  .checkmark {
    display: none;
    /* optional: hide the custom checkmark if you're not using it */
  }

  /* Donation*/
  .listOfLinks {
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px;
  }

  .bloodDonation {
    background-color: #DEFAD6;
    padding-top: 10px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .cities {
    color: black;
  }

  .monetarydonationsection {
    margin-top: 20px;
  }

  .monetarydonationtitle {
    text-align: center;
    margin-bottom: 20px;
  }

  .monthlySub {
    background-color: #DEFAD6;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 30px;
  }

  .formSingle {
    padding-top: 10px;
    padding-left: 10px;
  }

  input[type=form1] {
    background-color: #DEFAD6;
    width: 100%;
  }

  input[type=form2] {
    background-color: #FAFAFA;
    width: 80%;
  }

  .button0 {
    background-color: #DEFAD6;
  }

  .button1 {
    background-color: #ffffff;
  }

  .formsAll {
    display: grid;
    grid-template-columns: auto auto;
    gap: 40px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 40px;
  }

  /* Ends Donations */
  .footer {
    text-align: center;
    background-color: #FFCDCD;
    padding-top: 13px;
    padding-bottom: 15px;
    padding-left: 35px;
    padding-right: 35px;
  }

  .footertext {
    font-weight: bold;
    font-size: 23px;
  }

  /*End Navbar*/
  #aug {
    text-align: center;
  }

  .amogus {
    position: relative;
    animation: mymove 15s infinite;
    animation-delay: 0s;
  }

  @keyframes mymove {
    from {
      left: -500px;
    }
    to {
      left: 1000px;
    }
  }
  .бабушка {
    color: black;
    text-decoration: none;
  }

  .funsies {
    margin-left: 15%;
    margin-right: 15%;
  }

  .gridofunsies {
    display: grid;
    grid-template-columns: auto auto;
    gap: 5px;
  }

  .babushka {
    display: grid;
    grid-template-columns: auto auto;
    gap: 5px;
  }

  .viking {
    margin-right: 50%;
  }

  .dave {
    margin-left: 25%;
    margin-right: 30%;
  }

  .bgdave {
    background-color: black;
    margin: -1%;
  }

  .orangeeboxey {
    background-color: #FFCCA9;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: 13%;
    margin-right: 13%;
    margin-bottom: 5%;
  }
}
@media (min-width: 768px) {
  .newtitle {
    display: none;
    text-align: center;
    background-color: #FFCDCD;
    padding: 20px;
  }

  #aug {
    text-align: center;
  }

  .newtitleimage {
    height: 60px;
  }

  .newbuttons {
    justify-content: space-around;
    display: none;
    background-color: #FFCDCD;
    flex-direction: row;
    padding: 20px;
    position: fixed;
    margin-left: 0px;
    margin-right: 0px;
    bottom: 0px;
    width: 100%;
    left: -4.5%;
  }

  .newnavbutton {
    height: 40px;
  }
}
@media (max-width: 425px) {
  #wildfireImageText {
    font-size: 13px;
    top: 35%;
  }

  #aug {
    text-align: center;
  }

  #floodImageText {
    font-size: 13px;
    top: 35%;
  }

  #earthquakeImageText {
    font-size: 13px;
    top: 35%;
  }

  #hurricaneImageText {
    font-size: 13px;
    top: 35%;
  }

  #tornadoImageText {
    font-size: 13px;
    top: 35%;
  }

  #winterstormImageText {
    font-size: 13px;
    top: 35%;
  }
}