/*
BASE (MOBILE) SCREENS
These base styles apply to all screen sizes, but may be overridden on larger screens by the media query-driven styles that appear later in this file.
*/

#policy {
	background-color: #007F60; /* slightly lighter green */
	padding: 7% 5%;
  color: white;
}

#policy h2 {
  font-size: 20px;
  margin-top: 40px;
  margin-bottom: 0;
}

#policy p {
  margin-top: 15px;
  margin-bottom: 0;
}




/*
PHONES in LANDSCAPE ORIENTATION
*/
@media only screen and (min-width: 500px) {

#policy {
  padding: 9% 6.5%;
}

}




/*
TABLETS in PORTRAIT ORIENTATION
*/
@media only screen and (min-width: 700px) {

#policy {
  padding: 60px 10%;
}

} 



/*
TABLETS in LANDSCAPE & LAPTOPS
This is the first appearance of the "desktop layout"
*/
@media only screen and (min-width: 950px) {

#policy {
  padding: 80px 12%;
}

}



/*
TABLETS in LANDSCAPE & LAPTOPS, slightly larger
*/
@media only screen and (min-width: 1000px) {

}


/*
LARGE DESKTOP DISPLAYS
*/
@media only screen and (min-width: 1200px) {

}



/*
PRINT STYLESHEET
*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}