.darkwrap {
  background: #000000; 
  opacity: 0.8;
  position:fixed;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
}

.aboutwrapper {
  position: relative;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 180px 60px 60px 60px;
  min-height: 940px;
}
.about-content {
  color: #E4E4E4;
}


@media only screen and (min-device-width: 768px){
.aboutwrapper {
  width: 70%;
  padding: 100px 60px 60px 60px;
}
.about-content {
}}


@media only screen and (max-device-width: 1200px) and (orientation: landscape){
.aboutwrapper {
  width: 90%;
}}

.about-content a:link {color: #76B6FF; text-decoration: none;}
.about-content a:focus,
.about-content a:hover {color: #0058BA; text-decoration: underline;  }
.about-content a:visited {color: #CE32B4; }
.about-content a:active  {color: #80244D; } 

.about-left, .about-right {
  width: 600px;
  margin: 50px auto 50px auto; 
}

@media only screen and (min-device-width: 768px){
.about-left {
  float:left; 
  width: 400px;
  margin: 50px 80px 50px -150px; /* minus value sets image offset outside content */
}
.about-right {
  float:right; 
  width: 600px;
  margin: 60px -150px 50px 70px;
}}

.bookimg {
  float: left;
  width: 50%;
  padding: 5px;
}

table#pad td {
  padding-right:40px;
}
td {
  text-align: left;
  vertical-align:top;
  padding-bottom:35px;
}

.donate {
  border: solid 50px rgb(0,103,2,0.9);
  width: 90%;
  margin: auto;
  text-align:center;
  border-radius: 15px;
}

@media only screen and (min-device-width: 768px){
.donate {
  width: 50%;
  margin: auto;
}}



.books-row {  
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.books-col {
  padding: 0px;
  text-align:  center;
}
.books-col p {
  text-align:  center;
}

.books-col img {
  height: 380px;
  margin-bottom: 20px;
  margin-right: 60px;
}

.single-title {
  width: 210px;
}

@media only screen and (min-device-width: 1200px){
.books-row {
  width: 100%;
  margin: auto;
}

.books-col img {
  height: 200px;
  width: auto;
  margin-bottom: 15px;
}

.book-contents {
  width: 60%;
}}

@media only screen and (max-device-width: 1200px) and (orientation: landscape){
.books-col img {
  height: 200px;
  width: auto;
  margin-bottom: 15px;
}}

.book-float {
  float: right; 
  margin-right: -60px;
  margin-left: 60px;
  margin-bottom: 30px;
}