/* (c)amazon pixels w3 riff June 2020 */

body, html {height: 100%}

body, {font-family: "Raleway", sans-serif; font-size:18px; line-height:1.65}

body
{
  background-color: DarkKhaki;
  background-image: url('/images/Koi-Pond-background.jpg');
  min-height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; 
}

@media only screen and (max-width: 600px) {
  body {
    background-color: DarkGoldenRod;
  }
}

div.polaroid {
  width: 100%;
  background-color: red;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
}

div.polaroid-container {
  text-align: left;
  padding: 10px 20px;
}

.photocredit {  
  font-size: 95%;
  color: Orange;
}

.whois {
  font-size: 105%;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; 
}

.embed-container iframe, .embed-container object, .embed-container embed { 
position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}