
.parallax--bookbeach {
  background-image: url("california-coast.jpg");
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.book-beach-container{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.anchorMoreText{
  /*text-decoration: none;*/
  color: #2f9eff;
  width: 100%;
  text-align: right;
  display: block;
  padding-right: 39px;
  padding-bottom: 14px;

  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size:18px;
  font-weight:400;
  line-height:29px;
}

.beach-caption-white{
  font-size: 24px !important;

  background-color: rgba(255,255,255,0.8);
  
  text-align: justify;

  text-align: justify;
  max-width: unset;
  padding-top: 16px;
  margin-top: 0px;
  padding: 53px;
  padding-top: 0px;
  padding-bottom: 40px;
}

.beach-caption-white p{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size:16px;
  font-weight:400;
  line-height:29px;
}

.beach-caption-white p{
  max-width:860px;
  padding-left:40px;
  padding-right: 40px;
}

.book-cover{
  cursor: pointer;
  width: 410px;
}

.kindle-header{

  width: 100%;
  text-align: center;
  color: white;
  min-height: 34px;

  color: black;
  font-size: 24px;
  position: relative;
  top: 14px;
  margin-top: 0px;
}


img.flags{
  margin-top:12px;
  border:0;
  width:84px;
  height:44px;
  filter: drop-shadow(3px 3px 1px #aaaaaa);
}

a.flags{
  text-decoration: none;
}

.paperback-option{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin:15px;
}

.book-cover{
  cursor:auto;
  max-width: 90%;
}

.pleaseOption{
  font-family: sans-serif;
  font-size: 12pt;
  margin-top: 16px;
  width: 77px;
  text-align: left;
  margin-left: 6px;
}

/*ULTRA SMALL MODE*/
@media only screen and (max-width: 360px) {
  .beach-caption-white p{
    padding-left:55px;
    padding-right:55px;
  }
  .book-cover{ max-width: 70%; }
  .anchorMoreText{width: 95%;}
  .kindle-header{ font-size: 13pt; }
  .kindleflags{ transform: scale(0.75); }
}