img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
/* small devices: */
@media (max-width: 300px) {
  img {
    width: 100%;
  }
}
@viewport {
  width: device-width;
  zoom:1.0;
}
  /*small devices */
@mediascreen (max-width:300px) {div {
  width: 300px;
  border: 2px solid salmon;
  background-color:peachpuff;
  margin:20px auto;
  padding: 10px;
width: 100%
}
}
div {
  width: 500px;
  border: 2px solid salmon;
  background-color:peachpuff;
  margin:20px auto;
  padding: 10px;
}
p {
  color: #3D0C02;
  font-size: 1em:
  
  .fancy {
  width: 500px;
  margin: 20px auto;
  padding: 50px;
  border-width: 10px;
}
  
}

  body {
  background-color:lightsalmon; 
    background-image: url('sadirayounglines.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  position:float;
  top:0px;
  right:300px;
  background-size: 500px;
  color: darkseagreen;
  font-family: Arial;
}



/* unvisited link */
a:link 
{color:seagreen;
}
/* visited link */
a:link
{color:seagreen;
}
/* mouse over link */
a:hover
{color:darkseagreen
}
/* selected link */
a:active
{color:coral
}