@charset "UTF-8";
/* responsive css for both landscape & portrait orientation on all platforms for blog iframe */

/* common to all */

* {
    box-sizing: border-box;
}

html, body {
    height: auto;
}

/*  BW01 */
@media screen and (max-width: 336px) {

div.blogpagehdr {
    position: absolute;
    width: 100%;
    height: 30px;
    background-color: #000;
    margin: -32px 0 0 -8px;
}

p.practcoltoptxt {
    position: relative;
    font-family: "Marker Felt", "Forte MT", "Comic Sans MS", sans-serif;
    font-size: 1.1em;
    letter-spacing: 1px;
    color: #f00;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px -1px 0 #fff;
	margin-top: 0.1em;
}

div.blogscreen {
    width: 103.75%;
	height: 190px; /* was 450 */
    background: url("../images/rainbows.jpg") center center no-repeat;
    background-size: 304px 190px;  /* was 600x450 */
    margin: 32px 0 0 -5px;
}

h1.blogscreentxt {
    font-family: Impact, "Futura-CondensedExtraBold", sans-serif;
    font-size: 1.35em;
    text-align: center;
    text-shadow: 2px -1px 3px #000;
    color: #c00;
    padding: 2.4em 0 0; /* was 5em 0 5em */
}

}

/* BW02 */
@media screen and (min-width: 337px) and (max-width: 428px) {

div.blogpagehdr {
    width: 105%;
    height: 30px;
    background-color: #000;
    margin: -20px 0 0 -8px;
}

p.practcoltoptxt {
    font-family: "Marker Felt", "Forte MT", "Comic Sans MS", sans-serif;
    font-size: 1.25em;
    letter-spacing: 1px;
    color: #f00;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px -1px 0 #fff;
 /*   padding-top: 0.1em; */
}

div.blogscreen {
    height: 300px;
    width: 103%;
    background: url("../images/rainbows.jpg") center center no-repeat;
    background-size: 400px 300px;
	/* was 600x450 */
    margin: -17px 0 0 -5px;
}

h1.blogscreentxt {
    font-family: Impact, "Futura-CondensedExtraBold", sans-serif;
    font-size: 1.9em;
    text-align: center;
    text-shadow: 2px -1px 3px #000;
    color: #c00;
    padding: 3em 0 0;
}

}

/* BW03 */
@media screen and (min-width: 429px) and (max-width: 456px) {

div.blogpagehdr {
    width: 103.75%;
    height: 36px;
    background-color: #000;
    margin: -22px 0 0 -8px;
}

p.practcoltoptxt {
    font-family: "Marker Felt", "Forte MT", "Comic Sans MS", sans-serif;
    font-size: 1.4em;
    letter-spacing: 1px;
    color: #f00;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px -1px 0 #fff;
    padding-top: 0.1em;
}

div.blogscreen {
    height: 300px;
    width: 103%;
    background: url("../images/rainbows.jpg") center center no-repeat;
    background-size: 445px 300px;
	/* was 600x450 */
    margin: -17px 0 0 -7px;
}

h1.blogscreentxt {
    font-family: Impact, "Futura-CondensedExtraBold", sans-serif;
    font-size: 2em;
    text-align: center;
    text-shadow: 2px -1px 3px #000;
    color: #c00;
    padding: 2.8em 0 0;
}

}

/* BW04 */
@media screen and (min-width: 457px) and (max-width: 567px) {

div.blogpagehdr {
    width: 103.5%;
    height: 46px;
    background-color: #000;
    margin: -29px 0 0 -8px;
}

p.practcoltoptxt {
    font-family: "Marker Felt", "Forte MT", "Comic Sans MS", sans-serif;
    font-size: 1.8em;
    letter-spacing: 1px;
    color: #f00;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px -1px 0 #fff;
/*    padding-top: 0.3em; */
}

div.blogscreen {
    height: 450px;
    width: 102%;
    background: url("../images/rainbows.jpg") center center no-repeat;
    background-size: 600px 450px; 
    margin: -20px 0 0 -5px;
}

h1.blogscreentxt {
    font-family: Impact, "Futura-CondensedExtraBold", sans-serif;
    font-size: 2.25em;
    text-align: center;
    text-shadow: 2px -1px 3px #000;
    color: #c00;
    padding: 3.9em 0 5em;
}

}

/* BW05 */
@media screen and (min-width: 568px) and (max-width: 570px) {

div.blogpagehdr {
    width: 103%;
    height: 48px;
    background-color: #000;
    margin: -28px 0 0 -8px;
}

p.practcoltoptxt {
    font-family: "Marker Felt", "Forte MT", "Comic Sans MS", sans-serif;
    font-size: 1.8em;
    letter-spacing: 1px;
    color: #f00;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px -1px 0 #fff;
    padding-top: 0.3em;
}

div.blogscreen {
    height: 450px;
    width: 102%;
    background: url("../images/rainbows.jpg") center center no-repeat;
    background-size: 600px 450px; 
    margin: -20px 0 0 -5px;
}

h1.blogscreentxt {
    font-family: Impact, "Futura-CondensedExtraBold", sans-serif;
    font-size: 2.25em;
    text-align: center;
    text-shadow: 2px -1px 3px #000;
    color: #c00;
    padding: 4.25em 0 5em;
}

}

/* BW06 */
@media screen and (min-width: 571px) and (max-width: 582px) {

div.blogpagehdr {
    width: 103%;
    height: 46px;
    background-color: #000;
    margin: -28px 0 0 -8px;
}

p.practcoltoptxt {
    font-family: "Marker Felt", "Forte MT", "Comic Sans MS", sans-serif;
    font-size: 1.8em;
    letter-spacing: 1px;
    color: #f00;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px -1px 0 #fff;
    padding-top: 0.1em;
}

div.blogscreen {
    height: 450px;
    width: 102%;
    background: url("../images/rainbows.jpg") center center no-repeat;
    background-size: 600px 450px; 
    margin: -24px 0 0 -5px;
}

h1.blogscreentxt {
    font-family: Impact, "Futura-CondensedExtraBold", sans-serif;
    font-size: 2.5em;
    text-align: center;
    text-shadow: 2px -1px 3px #000;
    color: #c00;
    padding: 3.5em 0 5em;
}

}

/* BW07 */
@media screen and (min-width: 583px) and (max-width: 594px) {

div.blogpagehdr {
    width: 102.75%;
    height: 52px;
    background-color: #000;
    margin: -32px 0 0 -8px;
}

p.practcoltoptxt {
    font-family: "Marker Felt", "Forte MT", "Comic Sans MS", sans-serif;
    font-size: 2em;
    letter-spacing: 1px;
    color: #f00;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px -1px 0 #fff;
    padding-top: 0.35em;
}

div.blogscreen {
    height: 450px;
    width: 102%;
    background: url("../images/rainbows.jpg") center center no-repeat;
    background-size: 600px 450px; 
    margin: -27px 0 0 -5px;
}

h1.blogscreentxt {
    font-family: Impact, "Futura-CondensedExtraBold", sans-serif;
    font-size: 2.75em;
    text-align: center;
    text-shadow: 2px -1px 3px #000;
    color: #c00;
    padding: 3em 0 5em;
}

}

/* BW08 */
@media screen and (min-width: 595px) and (max-width: 688px) {

div.blogpagehdr {
    width: 103%;
    height: 48px;
    background-color: #000;
    margin: -29px 0 0 -8px;
}

p.practcoltoptxt {
    font-family: "Marker Felt", "Forte MT", "Comic Sans MS", sans-serif;
    font-size: 1.8em;
    letter-spacing: 1px;
    color: #f00;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px -1px 0 #fff;
    padding-top: 0.3em;
}

div.blogscreen {
    height: 450px;
    width: 102%;
    background: url("../images/rainbows.jpg") center center no-repeat;
    background-size: 600px 450px; 
    margin: -23px 0 0 -5px;
}

h1.blogscreentxt {
    font-family: Impact, "Futura-CondensedExtraBold", sans-serif;
    font-size: 2.5em;
    text-align: center;
    text-shadow: 2px -1px 3px #000;
    color: #c00;
    padding: 3.5em 0 5em;
}

}

/* BW09 */
@media screen and (min-width: 689px) and (max-width: 732px) {

div.blogpagehdr {
    width: 103%;
    height: 54px;
    background-color: #000;
    margin: -32px 0 0 -8px;
}

p.practcoltoptxt {
    font-family: "Marker Felt", "Forte MT", "Comic Sans MS", sans-serif;
    font-size: 2em;
    letter-spacing: 1px;
    color: #f00;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px -1px 0 #fff;
    padding-top: 0.35em;
}

div.blogscreen {
    height: 450px;
    width: 102.2%;
    background: url("../images/rainbows.jpg") center center no-repeat;
    background-size: 660px 495px; 
    margin: -20px 0 0 -5px;
}

h1.blogscreentxt {
    font-family: Impact, "Futura-CondensedExtraBold", sans-serif;
    font-size: 2.75em;
    text-align: center;
    text-shadow: 2px -1px 3px #000;
    color: #c00;
    padding: 3em 0 5em;
}

}

/* BW10 */
@media screen and (min-width: 733px) and (max-width: 735px) {

div.blogpagehdr {
    width: 102.4%;
    height: 56px;
    background-color: #000;
    margin: -36px 0 0 -8px;
}

p.practcoltoptxt {
    font-family: "Marker Felt", "Forte MT", "Comic Sans MS", sans-serif;
    font-size: 2.25em;
    letter-spacing: 1px;
    color: #f00;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px -1px 0 #fff;
    padding-top: 0.2em;
}

div.blogscreen {
    height: 600px;
    width: 101.5%;
    background: url("../images/rainbows.jpg") center center no-repeat;
    background-size: 800px 600px; 
    margin: -34px 0 -10px -5px;
}

h1.blogscreentxt {
    font-family: Impact, "Futura-CondensedExtraBold", sans-serif;
    font-size: 3.5em;
    text-align: center;
    text-shadow: 2px -1px 3px #000;
    padding: 3.25em 0 5em;
    color: #c00;
}

}

/* BW11 */
@media screen and (min-width: 736px) and (max-width: 742px) {

div.blogpagehdr {
    width: 103%;
    height: 54px;
    background-color: #000;
    margin: -32px 0 0 -8px;
}

p.practcoltoptxt {
    font-family: "Marker Felt", "Forte MT", "Comic Sans MS", sans-serif;
    font-size: 2em;
    letter-spacing: 1px;
    color: #f00;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px -1px 0 #fff;
    padding-top: 0.35em;
}

div.blogscreen {
    height: 450px;
    width: 102.2%;
    background: url("../images/rainbows.jpg") center center no-repeat;
    background-size: 660px 495px; 
    margin: -20px 0 0 -5px;
}

h1.blogscreentxt {
    font-family: Impact, "Futura-CondensedExtraBold", sans-serif;
    font-size: 2.75em;
    text-align: center;
    text-shadow: 2px -1px 3px #000;
    color: #c00;
    padding: 3em 0 5em;
}

}

/* BW12 */
@media screen and (min-width: 743px) and (max-width: 766px) {

div.blogpagehdr {
    width: 102.25%;
    height: 52px;
    background-color: #000;
    margin: -32px 0 0 -8px;
}

p.practcoltoptxt {
    font-family: "Marker Felt", "Forte MT", "Comic Sans MS", sans-serif;
    font-size: 2em;
    letter-spacing: 1px;
    color: #f00;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px -1px 0 #fff;
    padding-top: 0.35em;
}

div.blogscreen {
    height: 400px;
    width: 101.2%;
    background: url("../images/rainbows.jpg") center center no-repeat;
    background-size: 735px 350px; 
    margin: -50px 0 0 -4px;
}

h1.blogscreentxt {
    font-family: Impact, "Futura-CondensedExtraBold", sans-serif;
    font-size: 2.9em;
    text-align: center;
    text-shadow: 2px -1px 3px #000;
    color: #c00;
    padding: 2.5em 0 5em;
}

}

/* BW13 */
@media screen and (min-width: 767px) and (max-width: 797px) {

div.blogpagehdr {
    width: 102.4%;
    height: 56px;
    background-color: #000;
    margin: -36px 0 0 -8px;
}

p.practcoltoptxt {
    font-family: "Marker Felt", "Forte MT", "Comic Sans MS", sans-serif;
    font-size: 2.25em;
    letter-spacing: 1px;
    color: #f00;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px -1px 0 #fff;
    padding-top: 0.2em;
}

div.blogscreen {
    height: 600px;
    width: 101.5%;
    background: url("../images/rainbows.jpg") center center no-repeat;
    background-size: 800px 600px; 
    margin: -34px 0 -10px -5px;
}

h1.blogscreentxt {
    font-family: Impact, "Futura-CondensedExtraBold", sans-serif;
    font-size: 3.5em;
    text-align: center;
    text-shadow: 2px -1px 3px #000;
    padding: 3.25em 0 5em;
    color: #c00;
}

}

/* BW14 */
@media screen and (min-width: 798px) {

div.blogpagehdr {
    width: 102%;
    height: 66px;
    background-color: #000;
	margin: -44px 0 0 -8px;
}

p.practcoltoptxt {
    font-family: "Marker Felt", "Forte MT", "Comic Sans MS", sans-serif;
    font-size: 2.75em;
    letter-spacing: 1px;
    color: #f00;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px -1px 0 #fff;
    padding-top: 0.2em;
}

div.blogscreen {
    height: 675px;
    width: 100%;
    background: url("../images/rainbows.jpg") center center no-repeat;
    background-size: 900px 675px; 
    margin: -32px 0 0 0;
}

h1.blogscreentxt {
    font-family: Impact, "Futura-CondensedExtraBold", sans-serif;
    font-size: 3.75em;
    text-align: center;
    text-shadow: 2px -1px 3px #000;
    padding: 3.4em 0 5em;
    color: #c00;
}

}