body {
    /*font-family: "Arial Black", sans-serif;*/
    background-image: url("../images/www_sign3_screens_sm.jpg");
    background-size: auto;
}
header img {
    align-items:center;
    max-width: 500px;
    margin: auto;
    /*position: fixed;*/
    padding-bottom: 100px;
    position: sticky;
}

a:link {
  text-decoration: none;
}

a:hover {
  color: red;
}

h1, h5 {
    text-decoration: none;
    font-family: "Bowlby One", "Arial Black", sans-serif;
    letter-spacing: 3px;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 100px;
    
}
h1, h5 a {
  text-decoration: none;
  color: black;
  text-shadow: 13px 3px 5px yellow;
  transform: scale(1, 1.5); 
}

.main-text h1{
    font-size:6vw;
}
.words_at_bottom h2{
    font-size:6vw;
}
.contact1 h1 {
    font-size:3vw;
}
.contact1 h1 a:hover {
  color: red;
}
.contact1 {
    padding-bottom: 100px;
}

/*

<p style="font-size:5vw;">STEP RIGHT UP...</a></p> 

h5 a:hover {
  color: red;
}

.main-text {
    text-decoration: none;
}
    h1, h5 a:hover {
  color: red;
} */

.book_title h2 {
    text-decoration: none;
    color:black;
    text-shadow: 13px 3px 5px yellow;
    transform: scale(1, 1.5); 
}

footer {
    font-family: 'Nosifer', "Arial Black", sans-serif;
    list-style-type: none;
    text-align: center;
    font-size: 25px;
  
}

.footer li {
  display: inline-block;
  padding: 20px;
}

footer a {
  text-decoration: none;
  text-align: center;
  color: black;
  text-shadow: 4px 4px 5px yellow;
  letter-spacing: 1px;
}

/*--- BOOKS page 
.words_at_bottom h2 {
    text-shadow: 13px 3px 5px yellow;
    transform: scale(1, 1.5); 
}

  margin: 0;
    padding: 0;

---*/

h2 {
    font-family: "Fredoka One", "Arial Black", sans-serif;
    text-decoration: none;
    letter-spacing: 3px;
    text-decoration: none;
    text-align: center;
    margin-top: 10px;
    text-shadow: 13px 3px 5px yellow; 
}

.desc {
    font-family: "Fredoka One", "Arial Black", sans-serif;
    text-decoration: none;
    letter-spacing: 1px;
    /*font-size: 18px; */
}

/*
div.gallery {
  border: 1px solid #ccc;
}

div.gallery:hover {
  border: 1px solid #777;
}
*/
div.gallery img {
  width: auto;
  height: auto;
}

div.desc {
  padding-top: 10px;
  padding-bottom: 15px;
  text-align: left;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 8px;
  float:left;
  width: 24.99999%;
}



.gallery2 {
   width: 100%;
   height:auto;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.w3-animate-fading {
    padding-top: 55px;
    
}

/* images gallery pages */
.book_title h2{
    padding-bottom: 20px;
}

h4 {
    font-family: "Fredoka One", "Arial Black", sans-serif;
    text-decoration: none;
    letter-spacing: 1px;
}

.next_book img{
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px; 
}


/*
.photo_photo1 img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto; 
}
*/


p {
    font-family: "Fredoka One", "Arial Black", sans-serif;
    text-decoration: none;
    text-align: center;
}

/* lonely gallery */

.contact-gallery {
  border: 1px solid #ccc;
}

.contact-gallery:hover {
  border: 1px solid #777;
}

.contact-gallery img {
  width: 100%;
  height: auto;
}

.contact-responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}

@media only screen and (max-width: 700px) {
  .contact-responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .contact-responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* photo page

.photo_page1 {
    max-width:100%;
    height:auto;
}
 */


/* lonely gallery */


.contact1 h1 {
    text-decoration: none;
    font-family: "Fredoka One", "Bowlby One", "Arial Black", sans-serif;
    letter-spacing: 3px;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 20px;  
}

.wtf-text p {
    color: black;
    text-shadow: 5px 5px 3px yellow;
}

.wtf-text img {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wtf_audio {
  margin: auto;
  width: 40%;
}

.audio_photo img {
    max-width: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;  
}
.audio_photo  {
    max-width: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;  
}
.audio_photo p {
     text-transform: uppercase;
}
.audio_solo {
    display: block;
    margin-left: auto;
    margin-right: auto;  
    width: 300px;
    padding-bottom: 66px;
}    
.audio_solo2 {
    display: block;
    margin-left: auto;
    margin-right: auto;  
    width: 300px;
}    

.audio_solo3 {
    display: block;
    margin-left: auto;
    margin-right: auto;  
    width: 300px;
    padding-top: 20px;
}

.the_end img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:100%;
    height:100%;
}

.photo_photo1 img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto; 
}
.photo_photo1 {
     text-transform: uppercase;
}

.photo_page2 {
    max-width:100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.responsive2 {
  max-width: 100%;
  height: auto;
     flex: 25%;
    display:block;
}
.row2 {
      display: flex;
}

.row3 {
    max-width:100%;
    height: auto;
    display:block;
}

.column3 {
  max-width: 100%;
  height: auto;
  display:block;
}