/* Print CSS */

@media print {
  header, #banner, footer, .btn {display:none;}
  #content {padding:20px 0px;}
  
  #content .recipe-img figure {box-shadow:none; border-radius:0px;}
  #content .recipe-img figure img {border-radius:0px; max-width:50%; margin:0 auto;}
  
  .col-4, .col-8 {float:none; width:100%; page-break-inside: avoid;}
  
  #content .flex {page-break-inside: avoid;}
  
  #content.recipes .grey section {padding:40px 40px 0px; page-break-inside: avoid;}
  #content.recipes .grey:nth-of-type(4), #content .flex .col-4.grey {margin:0px !important;}
}