/* Set all margins and paddings to 0 on all browsers */
* {
    margin: 0;
    padding: 0;
}
body {
  margin: 0px;
  margin-top: 0px;
  font-family: 'itc-officina-serif-std-book';
  background-color: #C8C2B7
}

a{ color:black; 
   font-weight: bold;
}

p {
   font-size: 125%;
   padding-top: 1em;
   padding-right: 4em;
}
.divContainer {
  display: flex;
  justify-content: center;
  flex-flow: row nowrap;
}
.divChild {
  flex: 0 0 50%; 
  min-width: 0;
  text-align:center;
}
.divMenu1{
  width: 30%;
  display: flex;
  justify-content: left;
  align-items: center;
}
.divMenuContainer {
  display: flex;
  justify-content: center;
  flex-flow: row nowrap;
  margin-top: 2%;
  background-color: #e3e3e3
}
.divMenu{
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  /*Making equal spaced divs*/
  justify-content: space-evenly;
}
img {
  object-fit: contain; 
  width: 100%; 
  height: 270px; 
}

.footer {
  padding:2%; 
  text-align:left; 
  background-color:#E2D0B2; 
  min-width: 0;
}

li{
  text-align: left;
  font-size: 110%;
}
.paragraph {
   padding:2%;  
   min-width:0; 
   text-align:left; 
   background-color:#E2D0B2; 
   display: table;
   }

@media screen and (max-width:1068px) {
 .divMenu1 {
  width: 40%;
  display: flex;
  justify-content: left;
  align-items: center;
  }
.divMenu{
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-evenly;
}
  .divContainer {
    flex-flow: column nowrap;
  margin-top: 0;
  }
  .divChild {
    margin-top: 10%;
  }
  img {
  width: 100%; 
  height: 400px; 
  }
  .paragraph {
   padding:2%;  
   padding-top:4%;  
  }
}
@media screen and (max-width:768px) {
  .divContainer {
    flex-flow: column nowrap;
  margin-top: 0;
  }
  .divChild {
    margin-top: 10%;
  }
  .divMenuContainer {
    flex-flow: column nowrap;
    margin-top: 0;
  }
  .divMenu1 {
    justify-content: center;
    width: 100%;
  }
  .divMenu {
  width: 100%;
  }
  img {
  width: 100%; 
  height: 300px; 
  }
  .paragraph {
   padding:2%;  
   padding-top:5%;  
  }
}

@media screen and (max-width:500px) {
  .divContainer {
    flex-flow: column nowrap;
  margin-top: 0;
  }
  .divChild {
    margin-top: 10%;
  }
  .divMenuContainer {
    flex-flow: column nowrap;
    margin-top: 0;
  }
  .divMenu1 {
    justify-content: center;
    width: 100%;
  }
  .divMenu {
  width: 100%;
  }
  img {
  width: 350px; 
  height: 100%; 
  }
  .paragraph {
   padding:2%;  
   padding-top:6%;  
  }

  #aboutPhoto {
  visibility: hidden;
  height: 1px;
  }
}

/* Embedded font
*/
@font-face {
    font-family: 'itc-officina-serif-std-book';
    src: url('itc-officina-serif-std-book.woff2') format('woff2'),
         url('itc-officina-serif-std-book.woff') format('woff');
         url('itc-officina-serif-std-book.ttf') format('truetype');
	src: local(itc-officina-serif-std-book), url("itc-officina-serif-std-book.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* /home2/kitcheo5/public_html/darkroomprint/ 
*/