/***********************************************/
/* landscapemaxw1201px.css                            */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
html {
margin-left: 0 auto;
margin-right: 0 auto;
margin-bottom: 0.01em;
height: auto;
width: 100%;
fit-position: center;
background-position: center;
}
body {
margin: 0 auto;
background-color: white;
width: auto;
height: auto;
 }
/****WINDOW - i.e page with content in it on screen ****/

/**** If you want to test your page in Internet Explorer 10, 11 and Microsoft Edge, 
because you have enabled the facility in your preferences, 
you should also add the following. (The zoom property has not yet been implemented.) ****/

@-ms-viewport {width: device-width;} 

/**** Style the logo link (notice that we set the same value of line-height and
 font-size to prevent the header to increase when the font gets bigger ****/

/**** Float the link section to the right ***/

label,a 
{
font: normal normal lighter 14px Arial;
text-align: left;
}
.articleframe {
margin: 0 auto;
padding: .25em .5em .25em 1em;
border-radius: 10px;
width: 90%;
height: auto;
display: block;
background-color: #e2eeef;
fit-position: center;
background-position: center;
}
.articleframe h1 {
padding: 0em 1em 0em .5em;
font-weight: bold
font: 24px Arial;
color: #e3938d;
text-align: left;
background-color: transparent;

}
.articleframe h2 {
padding: 0em 1em 0em 1em;
font-weight: normal;
font: 16px AriaL;
color: black;
text-align: left;
background-color: transparent;
}
.articleframe p {
padding: 0em 1em 0em 1em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: justify;
background-color: transparent;
}
.articleframe a {
padding: 0em;
font-weight: normal; 
font: 14px Arial;
color: black;
background-color: transparent;
}
.article {
margin: 0 auto;
}
.articleframe2 {
margin: 0 auto;
padding: .25em .5em .25em 1em;
border-radius: 10px;
display: block;
width: 90%;
height: auto;
background-color: #2b5070;
fit-position: center;
background-position: center;
vertical-align: center;
}
.articleframe2 p {
padding: .8em 1em 0em 1em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: justify;
background-color: transparent;
}
.articleframe2 a {
padding: 0em;
font-weight: normal; 
font: 14px Arial;
color: black;
background-color: transparent;
}
.articleframe3 {
margin: 0 auto;
padding: .5em;
border-radius: 10px;
width: auto;
height: auto;
display: block;
background-color: transparent;
vertical-align: middle;
fit-position: center;
background-position: center;
}
.articleframe3 h1 {
padding: 0em 1.5em 0em 1em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: left;
background-color: transparent;
}
.articleframe3 h2 {
padding: 0em .75em 0em .75em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: left;
background-color: transparent;
}
.articleframe3 h3 {
padding: 0em .5em 0em .5em;
font-weight: bold; 
font: 14px Arial;
color: white;
line-height: 16px;
text-align: left;
background-color: transparent;
}
.articleframe3 p {
padding: 0em .75em 0em .75em;
font-weight: bold; 
font: 24px Arial;
color: white;
text-align: center;
background-color: transparent;
}
.articleframe3 a {
padding: 0em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: left;
background-color: transparent;
}
.arthighlight {
margin: 0 auto;
border-radius: 10px;
padding: 1em .5em 1em 1em;
width: 90%;
height: auto;
display: block;
background-color: #fcebf0;
fit-position: center;
background-position: center;
}
.arthighlight h2{
margin: 0 auto;
padding: 0em 1.5em 0em .75em;
font-weight: normal; 
font: 18px Arial;
color: black;
text-align: center;
background-color: transparent;
}
/****** this is the blue background border around review section****/
.articlereviewsbackground {
margin: 0 auto;
padding: 1em .5em .25em .5em;
border-radius: 10px;
width: 90%;
height: auto;
background-color: #8cbfc3;
fit-position: center;
background-position: center;
}
.articlereviewsbackground2  {
margin: 0 auto;
padding: 1em .5em .25em .5em;
border-radius: 10px 10px 0px 0px;
display: block;
width: 90%;
height: auto;
background-color: #8cbfc3;
fit-position: center;
background-position: center;
}
.articlereviewstxtbluebg {
margin: 0 auto;
padding: .25em .5em .25em 1em;
border-radius: 10px;
width: 90%;
height: auto;
display: block;
fit-position: center;
background-position: center;
background-color: #2b5070;
}
.articlereviewstxtbluebg h2 {
text-align: left;
background-color: transparent;
font-weight: bold; 
font:  24px Arial;
color: white;
}
.articlereviewsitalic {
margin: 0 auto;
padding: 0em 0em 0em 1em;
width: 80%;
height: auto;
background-color: #8cbfc3;
fit-position: center;
background-position: center;
}
.articlereviewsitalic h2 {
font-weight: bold; 
font: 14px Arial;
color: black;
text-align: left;
background-color: transparent;
}
.articlereviews {
margin: 0 auto;
padding: .25em 1em .25em 1em;
width: 80%;
display: block;
height: auto;
background-color: white;
fit-position: center;
background-position: center;
}
.articlereviews h3 {
margin: 0 auto;
padding: 0em;
font-weight: normal; 
font: 32px Arial;
color: black;
text-align: left;
background-color: transparent;
}
.articlereviews h4 {
margin: 0 auto;
padding: 0em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: left;
background-color: transparent;
}
.articlereviews p {
margin: 0 auto;
padding: 0em 0em 1em 0em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: justify;
}
.articlereviews h2 {
padding: 0em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: left;
background-color: transparent;
}
.articlereviewstxtbluebg {
margin: 0 auto;
border-radius: 10px;
padding: .5em 0em .35em .5em;
width: 90%;
height: auto;
display: block;
background-color: #2b5070;
fit-position: center;
background-position: center;
vertical-align: middle;
}
.articlereviewstxtbluebg h2 {
padding: .5em 0em .35em .5em;
text-align: left;
font-weight: normal; 
font: 14px Arial;
color: black;
background-color: transparent;
}
.articlesection {
margin: 0 auto;
padding: .25em .5em .25em 1em;
border-radius: 10px;
width: 90%;
height: auto;
display: block;
background-color: #fcebf0;
fit-position: center;
background-position: center;
}
.articlesection h2 {
padding: 0em 1em 0em 1em;
font-weight: normal; 
font: 16px Arial;
color: black;
text-align: left;
background-color: transparent;
}
.articlesection h4 {
padding: 0em 1em 0em .9em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: left;
background-color: transparent;
}
.articlesection p {
padding: 0em 1em 0em 1em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: justify;
background-color: transparent;
}
.articlesection3 {
margin: 0 auto;
padding: .5em;
border-radius: 10px;
width: 350px;
height: auto;
display: block;
background-color: #fcebf0;
vertical-align: middle;
fit-position: center;
background-position: center;
}
.articlesection3 h1 {
padding: 0em .5em 0em .5em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: left;
background-color: transparent;
}
.articlesection3 h2 {
padding: 0em .75em 0em .75em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: left;
background-color: transparent;
}
.articlesection3 h3 {
padding: 0em .5em 0em .5em;
font-weight: normal; 
font: 14px Arial;
color: black;
line-height: 4px;
text-align: left;
background-color: transparent;
}
.articlesection3 p {
padding: 0em .75em 0em .75em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: left;
line-height: 6px;
background-color: transparent;
}
/**** this is the italic text of names under testimonials***/
.siteinfo {
margin: 0 auto;
width: 90%;
height: auto;
display: block;
background-color: #8cbfc3;
fit-position: center;
background-position: center;
}
.siteinfo a {
font-weight: normal; 
font: 18px Arial;
color: white;
fit-position: center;
background-position: center;
text-align: center;
}
/****the header***/
#header {
margin: 0em;
width: 100%;
height: auto;
}
.header {
margin: 0 auto;
padding: 0px 5px 0px 5px;
}
/**** header background **/
.header-background {
margin: 0 auto;
border-radius: 10px;
width: 100%;
height: 40px;
display: block;
background-color: #ffe6e8;
fit-position: center;
background-position: center;
}
.header-right {
margin: 5px;
float: right;
}
.header-wrap {
vertical-align: middle;
display: inline-block;
}
.header-wrap a {
margin: 0em 0em 1em 0em;
padding: 0em;
font-weight: normal; 
font: 14px Arial;
color: black;
display: inline-block;
vertical-align: middle;
background: transparent;
}
.logo { 
margin-top: 2em;
margin-bottom: 0em;
width: 100%
height: auto;
fit-position: center;
}
/******** this is The Inner Health Logo Image itself and requires different size for 
mobiles tablets and for desktops ******/
.logo-img {
margin: auto;
background-image: url(../images/innerhealthlogo.jpg);
background-repeat: no-repeat;
display: block;
height: 124.3125px;
width: 155.390625px;
background-position: center;
}
.center {
margin: 0 auto;
display: block;
height: auto;
width: 100%;
}
.sectionphoto1 {
margin: 0 auto;
background-image: url(../images/photo1.jpg);
display: block;
width: 200px;
height: 180px;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto2 {
margin: 0 auto;
background-image: url(../images/photo2.jpg);
display: block;
width: 200px;
height: 180px;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto3 {
margin: 0 auto;
background-image: url(../images/photo3.jpg);
display: block;
width: 200px;
height: 180px;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto4 {
margin: 0 auto;
background-image: url(../images/photo4.jpg);
display: block;
width: 200px;
height: 180px;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto5 {
margin: 0 auto;
background-image: url(../images/bioresonance.png);
display: block;
width: 193px;
height: 121px;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto6 {
margin: 0 auto;
background-image: url(../images/Photo6adj.png);
display: block;
width: 200px;
height: 180px;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto8 {
margin: 0 auto;
background-image: url(../images/Photo8adj.png);
display: block;
width: 200px;
height: 180px;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto9 {
margin: 0 auto;
background-image: url(../images/Photo9adj.png);
display: block;
width: 200px;
height: 180px;;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto10 {
margin: 0 auto;
background-image: url(../images/Photo10adj.png);
display: block;
width: 200px;
height: 180px;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto11 {
margin: 0 auto;
background-image: url(../images/Photo11adj.png);
display: block;
width: 200px;
height: 180px;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto12 {
margin: 0 auto;
background-image: url(../images/Photo12adj.png);
display: block;
width: 200px;
height: 180px;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto13 {
margin: 0 auto;
background-image: url(../images/Photo13adj.png);
display: block;
width: 200px;
height: 180px;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto14 {
margin: 0 auto;
background-image: url(../images/Photo14adj.png);
display: block;
width: 200px;
height: 180px;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto15 {
margin: 0 auto;
background-image: url(../images/Photo15adj.png);
display: block;
width: 200px;
height: 180px;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto16 {
margin: 0 auto;
background-image: url(../images/Photo16adj.png);
display: block;
width: 200px;
height: 180px;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto17 {
margin: 0 auto;
background-image: url(../images/Photo17adj.png);
display: block;
width: 200px;
height: 180px;;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.sectionphoto19 {
margin: 0 auto;
background-image: url(../images/Photo19adj.png);
display: block;
width: 200px;
height: 180px;
background-repeat: no-repeat;
fit-position: center;
background-position: center;
}
.block {
margin: 0 auto;
width: 100%;
height: auto;
background-color: #f0fcff;
display: block;
vertical-align: top;
text-align: center;
}
.block2 {
margin: 0 auto;
border: 1px #2b5070;
width: 100%;
height: auto;
display: block;
vertical-align: top;
text-align: center;
}
.sectionph {
margin: 0 auto;
padding: 1em 1% 1em 1%;
display: inline-block;
height: auto;
width: 250px;
vertical-align: top;
fit-position: center;
background-position: center;
}
.sectionph2 {
margin: 0 auto;
padding: .5em 1em .5em 1em;
display: block;
width: 90%;
height: auto;
vertical-align: top;
fit-position: center;
background-position: center;
}
.sectionphinside {
margin: 0 auto;
padding: .5em 0em 0em 0em;
border-radius: 10px;
height: auto;
width: 100%;
vertical-align: top;
fit-position: center;
background-position: center;
}
.sectionphinside2 {
margin: 0 auto;
padding: .25em 0em 0em 0em;
border-radius: 10px;
height: auto;
width: 100%;
background-color: #228b22;
vertical-align: top;
fit-position: center;
background-position: center;
}
.sectphoto  {
margin: 0 auto;
height: auto;
width: 90%;
vertical-align: top;
fit-position: center;
background-position: center;
text-align: center;
}
.sectphoto h2 {
padding-top: 1em;
font-weight: normal; 
font: 16px Arial;
color: black;
text-align: left;
background-color: transparent;
}
.sectphoto h3 {
padding: 0px 0px 0px 10px;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: left;
background-color: transparent;
}
.sectphoto p {
padding-bottom: .5em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: justify;
background-color: transparent;
}
.sectphoto2  {
margin: 0 auto;
padding: 1em .25em .25em .25em;
border-radius: 10px;
height: auto;
width: 95%;
display: block;
fit-position: center;
vertical-align: top;
background-position: center;
background: white;
background-color: #2b5070;
}
.sectphoto2 h2 {
margin: 1em 0em 0em 0em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: left;
background: transparent;
}
.sectphoto2 h3 {
padding: 0px 0px 0px 10px;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: left;
background: transparent;
}
.sectphoto2 p {
margin: 0 auto;
padding: 0em .5em .5em .8em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: justify;
background: transparent;
}
.sectphoto2 a {
margin: 1em 0em 0em 0em;
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: left;
background: transparent;
}
.sectionphoto2italic {
margin: 0 auto;
padding: 0em 0em 0em .25em;
width: 90%;
height: 20px;
fit-position: center;
background-position: center;
}
.sectionphoto2italic p {
padding: 0em 0em 0em 1em;
font-weight: norma;
font: 14px Arial;
color: black;
text-align: justify;
fit-position: center;
background: transparent;
}
.sectionphoto2italic h2 {
font-weight: normal; 
font: 14px Arial;
color: black;
text-align: center;
background: transparent;
}
.container {
margin-top: 40px;
margin-left: auto;
margin-right: auto:
width: 100%;
height: auto;
display: block;
position: relative;
background-position: center;
fit-position: center;
}
.mainphoto-img-landing {
margin: 0 auto;
background-image: url(../images/mainphoto-landing-w1501px.png);
display: block;
width: 110%;
height: 310px;
background-repeat: no-repeat;
vertical-align: middle;
fit-position: center;
background-position: center;
}
.mainphoto-img-pricing {
margin: 0 auto;
background-image: url(../images/mainphoto-ricing-w1501px.png);
display: block;
width: 110%;
height: 310px;
background-repeat: no-repeat;
vertical-align: middle;
fit-position: center;
background-position: center;
}
.mainphoto-img-handc {
margin: 0 auto;
background-image: url(../images/mainphoto-handc-w1501px.png);
display: block;
width: 110%;
height: 310px;
background-repeat: no-repeat;
vertical-align: middle;
fit-position: center;
background-position: center;
}
.mainphoto-img-sciob {
margin: 0 auto;
background-image: url(../images/mainphoto-sciob-w1501px.png);
display: block;
width: 110%;
height: 310px;
background-repeat: no-repeat;
vertical-align: middle;
fit-position: center;
background-position: center;
}
.mainphoto-img-testi {
margin: 0 auto;
background-image: url(../images/mainphoto-testi-w1501px.png);
display: block;
width: 110%;
height: 310px;
background-repeat: no-repeat;
vertical-align: middle;
fit-position: center;
background-position: center;
}
.mainphoto-img-contact {
margin: 0 auto;
background-image: url(../images/mainphoto-contact-w1501px.png);
display: block;
width: 110%;
height: 310px;
background-repeat: no-repeat;
vertical-align: middle;
fit-position: center;
background-position: center;
}
.mainphoto-img-privacy {
margin: 0 auto;
background-image: url(../images/mainphoto-privacy-w1501px.png);
display: block;
width: 110%;
height: 310px;
background-repeat: no-repeat;
vertical-align: middle;
fit-position: center;
background-position: center;
}
.mainphoto-img-terms {
margin: 0 auto;
background-image: url(../images/mainphoto-terms-w1501px.png);
display: block;
width: 110%;
height: 310px;
background-repeat: no-repeat;
vertical-align: middle;
fit-position: center;
background-position: center;
}
.mainphotowelcome {
margin-top: -25px;
margin-left: auto;
margin-right: auto;
display: block;
width: 80%;
height: auto;
text-align: center;
fit-position: center;
background-position: center;
vertical-align: middle;
}
.mainphotowelcome a {
margin: 0 auto;
padding: 15px;
border-radius: 10px;
border: 0px solid 0px 3px 0px;
font: 32px arial;
font-weight: bold;
color: #e3938d;
display: block;
background-color: #fcebf0;
fit-position: center;
background-position: center;
text-align: center;
}
@viewport {
width: device-width;
zoom: 1.0;
} 
/***** Dropdown clickable button**/
.drop { 
display: block;
border: none;
cursor: pointer;
} 
.drop:hover, .dropbutn:focus {
background: transparent;
}
.dropdown-menu-content { 
margin: -5px 10px 0px -104px;
display: none; 
position: absolute; 
background: #dcdcdc; 
min-width: 150px;  
z-index: 1;
} 
.dropdown-menu-content a { 
padding: 6px 8px; 
font-weight: normal; 
font: 14px Arial;
color: black;
text-decoration: none; 
display: block; 
background: transparent;
} 
button {
margin: 0px;
padding: 0px;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
#dropdown-menu a:hover {background-color: #949494; } 
#drop-down: {margin: -130px 20px 0px 0px; float: right; position: relative; display: inline-block;}
#drop-down:hover #dropdown-menu {display: block;} 

/**Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button)**/
.show {display:block;}

/******** this is The Inner Health Logo Image itself and requires different size for 
mobiles tablets and for desktops ******/

.picsection {
margin: 0em;
display: block;
}
.pictureblocks {
margin: 0em;
padding: 0em;
display: block;
}
.copyrightsection {
margin: 0 auto;
width: 100%;
height: auto;
display: block;
background-color: #f0fcff;
text-align: center;
fit-position: center;
background-position: center;
#e2eeef
}
.copyrightsection p {
margin: 0 auto;
padding: .8em 1.5em 0em 1em;
font-weight: normal; 
font: 12px Arial;
color: black;
text-align: center;
background-position: center;
background: transparent;
}
.copyrightsection h3 {
margin: 0 auto;
padding: .8em 1.5em 0em 1em;
font-weight: normal; 
font: 12px Arial;
color: black;
text-align: center;
background-position: center;
background: transparent;
}
.copyrightsection a {
margin: 0 auto;
padding: 0em;
font-weight: normal; 
font: 12px Arial;
color: black;
}
.blockelement {
margin: 0 auto;
padding: .65em;
display: inline-block;
height: auto;
width: 25%;
border-radius: 10px;
background-color: #2b5070;
vertical-align: top;
background-position: center;
fit-position: center;
}
.blockelement2 {
margin: .25em 1% .25em 1%;
padding: .75em .5em .5em .5em;
display: inline-block;
height: 10em;
width: 20%;
border-radius: 10px;
background: transparent;
vertical-align: top;
background-position: center;
fit-position: center;
text-align: center;
background-color: #2b5070;
}
.blockelement3 {
margin: 1em 4% 0em 4%;
padding: .85em;
display: inline-block;
height: auto;
width: 60%;
border-radius: 10px;
background: transparent;
vertical-align: top;
fit-position: center;
}
.blocktext {
margin: 0 auto;
}
.blocktext h2{
padding: 0em 0em 0em .75em;
font-weight: normal; 
font: 18px Arial;
color: white;
text-align: justify;
vertical-align: middle;
background: transparent;
}
.blocktext p {
font-weight: normal; 
font: 18px Arial;
color: white;
text-align: left;
background: transparent;
}
.blocktext a {
font-weight: normal; 
font: 18px Arial;
color: white;
background: transparent;
}
.picinblock1 {
margin-top: .5em;
margin-left: auto;
margin-right: auto;
background-image: url(../images/bottompic2.png);
background-repeat: no-repeat;
display: block;
height: 130px;
width: 194px;
fit-position: center;
background-position: center;
}
.picinblock2 {
margin-top: .5em;
margin-left: auto;
margin-right: auto;
background-image: url(../images/bioresonance.png);
background-repeat: no-repeat;
display: block;
height: 130px;
width: 194px;
fit-position: center;
background-position: center;
}
.picinblock3 {
margin-top: .5em;
margin-left: auto;
margin-right: auto;
padding: 0em;
background-image: url(../images/CThaHeaderBack-x44.png);
background-repeat: no-repeat;
display: block;
height: 44px;
width: 116px;
fit-position: center;
background-position: center;
}
.picinblock4 {
margin-top: .5em;
margin-left: auto;
margin-right: auto;
background-image: url(../images/BIORESONANCECapturebecca.PNG);
background-repeat: no-repeat;
display: block;
min-height: 105px;
max-height: 160px;
min-width: 160px;
max-width: 243px;
vertical-align: middle;
fit-position: center;
background-position: center;
}
