/*
    Stylesheet for Present Thoughts article that has no notes
    file:    no_notes.css
    version: 1.3
*/
#content {
  height: 100%;
  margin: 0 auto;
}

#content_wide {
  width: 95%;
  margin: 0 auto;
  padding: 10px;
}

#photo-box {
  margin: 0 auto;
  text-align: center;
  background-color: #330907;
  border: 1pt solid #330907;
}

#photo-display {
  margin: 0 auto;
  height: auto;
}

#displayed-image {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

#text {
  font-size: 1.4em;
  line-height: 1.5em;
  color: #000064;
}

@media screen and (min-width: 1500px) {
    #content {
        width: 35%;
    }
}

@media screen and (max-width: 1499px) {
    #content {
        width: 45%;
    }
}

@media screen and (max-width: 1199px) {
    #content {
        width: 55%;
    }
}

@media screen and (max-width: 1024px) {
    #content {
        width: 75%;
    }
}

@media screen and (max-width: 800px) {
    #content {
        width: 95%;
    }
}

@media screen and (max-width: 500px) {
    #content {
        width: 100%;
        padding: 0 5px;
    }
}
