/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 1100px) {
#div-2 {
 width : 348px;
 height : 300px;
}
#div-2 img {
 width : 348px;
 height : 300px;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 1101px) {
#div-2 {
 width : 348px;
 height : 300px;
}
#div-2 img {
 width : 348px;
 height : 300px;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 1350px) {
#div-2 {
 width : 441px;
 height : 380px;
}
#div-2 img {
 width : 441px;
 height : 380px;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1550px) {
#div-2 {
 width : 570px;
 height : 491px;
}
#div-2 img {
 width : 570px;
 height : 491px;
}
}

/* Extra large devices (large laptops and desktops, 1400px and up) */
@media only screen and (min-width: 1750px) {
#div-2 {
 width : 700px;
 height : 604px;
}
#div-2 img {
 width : 700px;
 height : 604px;
}
} 

/* body */
body {
  background: #fff; /* DEFAULT fff */
  color: #000;
  font-family: 'Verdana', serif;
  font-size: 1.1rem;
}
h1 { font-family: 'Verdana', serif; font-size: 2.2rem; line-height: 1.9rem; }
h2.pp-hd2 { font-family: 'Verdana', serif; font-size: 1.5rem; line-height: 1.9rem; text-transform: uppercase }
div.products { font-size: 1.1rem; }
div.products img { width: 80px; float: left; padding: 25px 20px 20px 0; }
span.pp-price { font-size: 1.4rem; color: red; font-weight: bold; }
span.pp-shipping { font-size: 0.9rem; color: grey; font-weight: normal; }
span.pp-gst { font-size: 1.2rem; }
p.similar { font-size: 1.2rem; border: 1px solid grey; padding: 5px; text-align: center; background: lightgrey; }
p.similar a { text-decoration: none; }
div.pp-pad-left { padding-left: 32px !important; }
div.pp-pad-right { padding-right: 32px !important; }
p.pp-red { text-wrap: balance; font-size: 2.4rem; color: red; font-weight: bold; font-style: italic; font-family: 'Times', sans-serif; margin: 0; }
@media (max-width: 600px) {
div.pp-pad-left { padding-left: 0 !important; }
div.pp-pad-right { padding-right: 0 !important; }
img.pp-minder-2 { max-width: 300px; }
img.pp-minder-3 { max-width: 200px; }
}
.pp-expand {transition: transform .2s; }
.pp-expand:hover {
  transform: scale(1.025);
}
.pp-expand-sml {transition: transform .2s; }
.pp-expand-sml:hover {
  transform: scale(1.01);
}

/* header */
header.other {
  background-image: url('images/headerimg.png'), linear-gradient(to right, #ff0000, #ff0000); /* shadow aa0000 */
  background-position: right;
  background-repeat: no-repeat;
  color: #fff
}
header.home {
  background: linear-gradient(to right, #ff0000, #ff0000); /* shadow aa0000 */
  color: #fff
}
header div {
  padding: 16px 16px;
}
.headerborder, .footerborder {
  background: linear-gradient(to right, #000000, #aa0000); /* shadow aa0000 */
  height: 2px;
  /*border-bottom: red 2px solid;*/
}
 
/* main */
main {
  background: #ffffff;
  color: #000000
}
main div {
  border: 0px solid blue;
}
main div div div {
  border: 0px solid red;
}
main.slingshot p {
	line-height: 1.3rem;
	margin-top: 15px;
	margin-bottom: 15px;
}
.minder p { line-height: 1.5; font-size: 1.1; }
.pp-dedlok { font-family: 'Impact', sans-serif; font-weight: bold; font-size: 2.2rem; line-height: 1.9rem; color: red; }
.pp-dedlokitalic { font-family: 'Verdana', sans-serif; font-weight: bold; font-style: italic; font-size: 1.3rem; line-height: 1.9rem; color: black; }
.pp-dedlok-s { font-family: 'Impact', sans-serif; color: red; font-size: 1.3rem; }
.pp-dedlokitalic-s { font-family: 'Verdana', sans-serif; font-weight: bold; font-style: italic; color: black; }

/* navbar */
.mynavbar {
  background: #ff0000;
  color: #ffffff;
  font-weight: normal;
}
@media (max-width: 550px) {
.mynavbar {
  font-size: 1.75rem;
}
}
.mynavbar a {
  background: #ff0000;
  color: #ffffff;
}

/* navbar buttons hover */
.w3-button:hover {
    color: #ffffff !important;
    background-color: #aa0000 !important;
}

/* footer */
footer {
  background: linear-gradient(to left, #ff0000, #ff0000); /* shadow aa0000 */
/*  background: #2fb4a5;*/
  color: #ffffff
}
footer div {
  padding: 16px 0;
}
p#pp-links {
font-size: 0.8rem;
margin-bottom: 0;
}
p#pp-links-2 {
font-size: 0.8rem;
margin-top: 0;
margin-bottom: 5px;
}
p#pp-company {
font-size: 0.8rem;
margin-top: 0;
margin-bottom: 5px;
}
p#pp-host {
font-size: 0.5rem;
margin-top: 0;
margin-bottom: 5px;
}

/* Changed W3CSS */
.w3-button:hover, .pp-expand:hover, .pp-expand-sml:hover {
  box-shadow: 0 0 0 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.19) !important;
}

/* Pages Custom */
/* Text */
.home1 { font-size: 2.2rem; text-align: center; text-transform: uppercase; margin: 24px 0; line-height: 2.2rem; }
.home2 { font-size: 1.5rem; text-align: center; text-transform: normal; margin: 18px 0; line-height: 2.2rem; }
.home3 { font-size: 1.5rem; text-align: center; text-transform: normal; margin: 18px 0; line-height: 2.2rem; }
.home4 { font-size: 1.5rem; text-align: center; text-transform: uppercase; margin: 24px 0; line-height: 2.2rem; }
.about1 { margin-top: 0; }
.about2 { margin-bottom: 0; }
.contact0 p { margin: 5px 0; }

@media (max-width: 550px) {
.home1 { font-size: 1.7rem; text-align: center; text-transform: uppercase; margin: 0 0 10px 0; line-height: 1.8rem; }
.home2 { font-size: 1.25rem; text-align: center; text-transform: uppercase; margin: 5px 0; line-height: 1.8rem; }
.home3 { font-size: 1.25rem; text-align: center; text-transform: uppercase; margin: 5px 0; line-height: 1.8rem; }
.home4 { font-size: 1.25rem; text-align: center; text-transform: uppercase; margin: 5px 0; line-height: 1.8rem; }
}
@media (max-width: 410px) {
.prodwindow { font-size: 0.8rem; }
}

ul     { margin-top: 0; } 
div.contact0 div:nth-of-type(odd) {
	font-weight: bold;
}

/* STICKY FOOTER SHORT PAGES */
.Site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.Site-content {
  flex: 1;
}

/* TEMP BORDERS */
/*
div {
  border: 1px solid green;
}
p {
  border: 1px solid red;
}
main div {
  border: 1px solid blue;
}
div div div {
  border: 1px solid orange;
}
*/