body
{
  background-color: beige ;
}

img.logo
{
  position: relative ;
  float: left ;
}

#page_container
{
  margin: 0px ;
  padding: 0px ;
  height: auto ;
  font-family: 'Lato', sans-serif ;
}

#recipe_header
{
  position: relative ;
  overflow-y: hidden ;
  background-color: #fefb80 ;
  text-align: center ;
}

@media only screen and (min-width: 1200px)
{
  .header_knife
  {
    max-width: 2000px ;
    width: 800px ;
    margin-right: 100px ;
  }
}

@media only screen and (min-width: 1100px)
{
  .header_knife
  {
    max-width: 2000px ;
    width: 800px ;
    padding-right: 50px ;
  }
}


  .header_logo
  {
    position: relative ;
    float: left ;
    width: 20% ;
    max-width: 200px ;
  }

  .header_knife
  {
    position: relative ;
    float: right ;
    width: 80% ;
    max-width: 800px ;
  }


#header_text_box
{
  position: absolute ;
  width: 80% ;
  font-family: Handlee ;
  text-align: center ;
  padding-left: 20% ;
}

#book_heading
{
  text-align: center ;
  display: inline-block ;
  font-size:1.5em; font-weight: 900 ;
  margin-top: 20px ;
}

#book_sub_heading
{
  text-align: center ;
  font-size:3em; font-weight: 900 ;
  top: -20px ;
}

@media only screen and (max-width: 850px)
{
  #book_heading
  {
    font-size: 1.3em ;
    font-weight: 900 ;
  }

  #book_sub_heading
  {
    font-size: 2.5em ;
    font-weight: 900 ;
    top: -15px ;
  }
}

@media only screen and (max-width: 725px)
{
  #book_heading
  {
    font-size: 1.1em ;
    font-weight: 900 ;
  }

  #book_sub_heading
  {
    font-size: 2em ;
    font-weight: 900 ;
    top: -15px ;
  }
}

@media only screen and (max-width: 620px)
{
  #book_heading
  {
    font-size: 0.9em ;
    font-weight: 900 ;
    margin-top: 10px ;
  }

  #book_sub_heading
  {
    font-size: 1.6em ;
    font-weight: 900 ;
    top: -15px ;
  }
}

@media only screen and (max-width: 460px)
{
  #book_heading
  {
    font-size: 0.7em ;
    font-weight: 900 ;
    margin-top: 5px ;
  }

  #book_sub_heading
  {
    font-size: 1.2em ;
    font-weight: 900 ;
    top: -15px ;
  }
}

#recipe_title
{
  color: black ;
  font-size: 2em ;
  text-align: center ;
}

#recipe_text
{
  color: black ;
  font-family: 'Lato', sans-serif ;
  font-size: 1em ;
}

#method_box
{
  margin: auto ;
  width: 90% ;
  padding: 5px ;
}

.photo_box
{
  width: auto ;
  height: auto ;
  display: block ;
  margin: auto ;
}

@media only screen and (max-width: 516px)
{
  .photo_box
  {
    width: 100%;
    height: 100%;
  }
}
/*
#photo_box
{
  margin: auto ;
  width: 520px ;
} */

td.posting_date
{
  width: 120px ;
  text-align: right ;
  margin: 10px ;
}

td.recipe_name
{
  text-align: left ;
}

td
{
  padding-top: 10px ;
  padding-bottom: 10px ;
  padding-right: 10px ;
}

p
{
  font-size: 1.2em ;
}

a.recipe_link
{
  font-family: 'Lato', sans-serif ;
  font-size: 1em ;
  color: #000080;
}
a.recipe_link:link {color: #000080; }
a.recipe_link:visited {text-decoration: none; color: #000000; }
a.recipe_link:hover {text-decoration: underline; color: #0000ff; }


p.navigation_link
{
  font-size: 1.25em ;
  text-align: center ;
  font-family: Handlee ;
}

a.one:link {text-decoration: none ;}
a.one:hover {text-decoration: underline ; color: #0000ff ;}
a.one:visited {text-decoration: none ; color: #000080 ; }


.recipe_links
{
  font-family: "Oswald", sans-serif ;
  font-weight: 500 ;
  font-size: 1.2em ;
  height: 30px ;
  text-align: center ;
}

.recipe_footer
{
  font-family:"Times New Roman", Times, serif ;
  font-style: italic ;
  text-align: center ;
  color: black ;
  font-size: 1em ;
}