/* Beginning with general categories then moving to fine focus  This way code can be added as needed for specific cases without becoming redundant Many of these are unused at time of writing but styles can be added as needed */

@media only screen  and (min-width : 1440px) {
article{width:65%; padding:3em;}
p{font-size:1.2em; font-size:1.2rem;}
img.fr{float:right; width:30%;}
ul li{font-size:1.2em; font-size:1.2rem;}
h3{font-size:1.7em;}
h1{margin-top:1em;}
}

/* Large screens ----------- */
@media only screen  and (min-width : 1281px) and (max-width:1440px){
article{width:75%; padding:2em;}
p{font-size:1.1em; font-size:1.1rem;}
img.fr{float:right; width:35%;}
ul li{font-size:1.1em; font-size:1.1rem;}
h3{font-size:1.6em;}
h1{margin-top:0.7em;}
}

/* Large screens ----------- */
@media only screen  and (min-width : 1200px) and (max-width:1280px){
article{width:80%;}
img.fr{float:right; width:40%;}
}
/* Laptops */
/* ----------- Non-Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) { 
article{width:80%; padding:2em;}
}
/* Laptops */
/* ----------- Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2)and (min-resolution: 192dpi) { 
article{width:80%; padding:2em;}
}

/* For screen of Netbook or iPad landscape */
@media only screen and (max-width : 1200px){

}

/* Targets all mobile except very large screens  */
@media only screen and (max-device-width:1281px){

article{width:85%;}
}
/* Targets all mobile up to size of iPad both Portrait and Landscape */
@media only screen and (max-device-width : 1024px){
	article{width:90%;}
}
  

/* Targets all mobile up to size of iPad in Portrait only */
@media only screen and (max-device-width : 1024px) and (orientation : portrait) {

}

/* Targets all mobile up to size of iPad in Landscape only */
@media only screen and (max-device-width : 1024px) and (orientation : landscape) {

}

/* iPad and similar in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {



}

/* iPad and similar in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {



}
/* iPad and similar in landscape */
@media only screen and (min-device-width : 900px) and (max-device-width : 1024px) and (orientation : landscape) {
h1{padding:0.3em 0;}

}

/* iPad and similar in portrait */
@media only screen and (min-device-width : 760px) and (max-device-width : 1024px) and (orientation : portrait) {
article{width:95%;}
}
@media only screen and (max-device-width : 960px) and (orientation : portrait){
.togglecontemp{display:block;}
}
/* Targets smartphones in portrait and landscape mode all sizes up to and including iPhone 6+ */
@media only screen and (max-device-width:736px) {

} 

/* Targets smartphones in portrait mode all sizes up to and including iPhone 10+ */
@media only screen and (max-device-width:800px) and (orientation:portrait) {
article {font-size:1.1em; width:100%;}
article p{padding: 0 1em;}
h1{font-size:2em; padding-top:0.5em; font-weight:bold;}
h3{text-align:center; padding-left:1em; padding-right:1em;}
img.fr{float:none; width:90%; display:block; margin:5% auto;}
img.frs{float:none;  display:block; margin:0 auto;}
.path{float:none; width:95%; margin:0 auto;}
.path1{float:none; width:95%; margin:0 auto;}


}
/* Targets all smartphones of all sizes up to and including iPhone 10+ in landscape mode */
@media only screen and (max-device-width : 812px) and (orientation : landscape) {
article {font-size:1.1em; width:96%;}
h1{padding: 0.8em 0 0 0;}
p{text-indent: 2em;}

}

/* Targets smartphones of all sizes up to and including iPhone 5 in both modes */
@media only screen and (max-device-width : 568px) {

}
/* Targets smartphones of all sizes up to and including iPhone 5 in portrait mode */

@media only screen and (max-device-width : 568px) and (orientation : portrait) {
p{text-indent: 1em;)
}
/* Targets smartphones of all sizes up to and including iPhone 5 in landscape mode */

@media only screen and (max-device-width : 568px) and (orientation : landscape) {

}

/* iPhone 5 styles */
/* iPhone 5 & 5S in portrait & landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {

}
/* iPhone 5 & 5S in landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {


}
/* iPhone 5 & 5S in portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {

}


@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
}


/* -------------------Kindle Fire HDX ----------------- */

@media only screen and (min-device-width: 1600px) and (max-device-width: 2560px) and (-webkit-min-device-pixel-ratio: 2.0) {
	

}


/* ----------- Kindle Fire HD 8.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) {
}