@media (min-width: 768px) {
h1 { font-size: 1.5rem; }
sidebar { display: none;
  }
}


@media (max-width: 600px) {
p.from {
   font-size: 24px;
   max-width: 100%;
   height: auto;
   color: red;
   }
}


@media (max-width: 600px) {
h1.contentHead {
  font-family: "Oswald", sans-serif;
  margin-top: 10px;
  margin-left: 4%;
  margin-right: 4%;
  font-size: 24px;
  text-align: center;
  color: #000000;
  }
  
}


@media (max-width: 600px) {
  h2.contentSubHead {
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  text-align: center;
  color: #000000;
  margin-left: 4%;
  margin-right: 4%;
  }  
}


@media (max-width: 600px) {
h3.contentsubSub {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #000000;
  margin-left: 4%;
  margin-right: 4%;
  margin-top: 0%;
  margin-top: -1%;
    }
}

@media (max-width: 600px) {
p.content {
  font-family: "Wix Madefor Text", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  color: #000000;
  margin-left: 4%;
  margin-right: 4%;
  margin-top: -0.2%;
   }
}  


@media (max-width: 600px) {
p.contentBox {
  font-size: 14px;
  text-align: left;
  line-height: 23px;
  border-style: solid;
  border-color: black;
  margin-left: 8%;
  margin-right: 8%;
  margin-top: 2%;
  margin-bottom: 4%;
  color: #000000;
  background: yellow;
  padding-top: 1%;
  padding-right: 2%;
  padding-left: 2%;
  padding-bottom: 1%; }
}

@media (max-width: 600px) {
h1.blockQuote {
  font-family: Geogia, serif;
  font-size: 30px;
  word-spacing: -3px;
  text-align: center;
  padding-left: 8%;
  padding-right: 8%;
  padding-top: 4%;
  padding-bottom: 4%;
  color: #7D0552;
  background: #E0FFFF;
  margin-left: 4%;
  margin-right: 4%;
  margin-top: 3%;
  margin-bottom: 3%; }
  }
  
@media (max-width: 600px) {
h1.pro {
   font-size: 24px;
   max-width: 100%;
   height: auto;
   }
}

@media (max-width: 600px) {
h1.ebo {
   font-size: 24px;
   max-width: 100%;
   height: auto;
   }
}

@media (max-width: 600px) {
h1.loo {
   font-size: 24px;
   max-width: 100%;
   height: auto;
   }
}

@media (max-width: 600px) {
h1.paper {
   font-size: 24px;
   max-width: 100%;
   height: auto;
   }
}

@media (max-width: 600px) {
h1.typ {
   font-size: 24px;
   max-width: 100%;
   height: auto;
   }
}

@media (max-width: 600px) {
h1.prof {
   font-size: 24px;
   max-width: 100%;
   height: auto;
   }
}

@media (max-width: 600px) {
h1.terms {
   font-size: 24px;
   max-width: 100%;
   height: auto;
   }
}


@media (max-width: 768px) {
h2.nav {
   max-width: 100%;
   height: auto;
   }
}      

@media (max-width: 600px) {
nav a {
   font-size: 12px;
   max-width: 100%;
   height: auto;
   }
}

@media (min-width: 600px) {
  .footer-content {
    flex-direction: row; /* Horizontal layout on larger screens */
    justify-content: space-around;
  }
} 
  
  .footer-section {
    flex-direction: row; /* Horizontal layout on larger screens */
    justify-content: space-around;
  }
}  
  
  .footer-section {
    flex: 1; /* Equal width columns */
    padding: 0 10px;
  }
}