body {
	font-family: Roboto, sans-serif; font-size: 1rem; line-height: 110%; color: #2C2A29;
}
.bodyPages {background-color: #FFC600; margin: 0px; padding: 1.5rem 0;}
.bodySingle {background-color: #2C2A29; overflow: hidden; margin: 0; padding: 0;}

p {margin: 0 0 0.1rem 0;}



A {
	cursor: pointer; text-decoration: none;
}
.homePage {position: absolute; width: 100%;}
.head, .hpHead {position: relative; display: flex;  margin: 0 1.5rem 1.5rem 1.5rem;}
.hpHead {align-items: flex-start;}
.hpHead h1 {padding-top: 1rem;}
.hpHead span {font-size: 75%;}
.head {align-items: center;}
.textDiv {margin: 0 1.5rem 1.5rem 1.5rem;}
.textDiv p {text-align: center;}
.headL {}
.headT, .headTH {flex-grow:1;}
.headT {padding: 0 100px 0 0;}
.headTH {padding: 0 180px 0 0;}
.logo {min-height: 33px; width:auto; height: 78px;}
h1 {
	font-family: Roboto; font-size: 290%; line-height: 1; margin: 0; font-weight: bold; text-align: center; color: #FFFFFF; padding: 0 2rem;
}
.homeBC {position: absolute; top: 1.2rem; right: 0px;}
.homeBC img {height: 50px;}

.tabsWrC {display: flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 2.5rem;}
/*.tabs {display: flex; width: auto; justify-content: space-between; padding: 0 0.7rem; flex-wrap: wrap;}*/
.tabs, .tabsWL, .tabsWR {display: flex; width: auto; justify-content: space-between;}
.tabs {padding: 0 0.7rem; flex-wrap: wrap;}
.tabsWL {padding: 0 0.7rem; width: 40%;}
.tabsWR {flex-wrap: wrap; padding: 0 0.7rem; width: 60%;}

.HPtab, .HPtabx {flex: 1 0 41%;}
.HPtab {margin: 0.8rem;}
.HPtabx {margin: 0 0.8rem;}
.iMC {position: relative; width: auto; overflow: hidden;}
.iMC:before {content: ""; display: block; padding-top: 56.25%;}
.iC, .iO, .iOa, .iM, .iMa {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat; background-size: cover;}

.nts {text-align: center; font-weight: 300; font-size:80%; padding-left:80px;}
.iO, .iOa, .iM, .iMa {
	background-color:rgba(255,255,255,0.75); display:flex; flex-direction:column; font-weight: bold; font-size:80%; line-height:120%;
	transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; 
}
.iO, .iM {opacity:0; transform: scale(0, 0);}
.iOa, .iMa {opacity:1; transform: scale(1, 1);}
.iM, .iMa {padding: 10%; text-align: center;}
.oR {display:table; width:100%; height:75%;
	background-image: url("img/shareIcon.svg"); background-repeat: no-repeat; background-size: auto 40%; background-position: 5% 5%;
}
.oRs {display:table-row;
	
}
.oRsT {
	display: table-cell; vertical-align:middle; padding-left: 1rem; width:20%;
	
}
.oRsItc {display: table-cell; vertical-align:middle; width: 80%; padding: 2% 1rem 0 2%;}
.oRsIc {white-space:nowrap;}
.oRsIc img {height: auto; width: 27%; max-width: 80px; margin:0 0 0 2%;}
.oL {display: table; width: 100%; height: 25%;}
.oLc {display: table-row;}
.oLc a {display: table-cell; vertical-align:middle; text-align: center; background-color: white; color: black; border-top:1px solid #000000;}
.oTa {width:0;height:0;border:none;}

.HPh2cE, .HPh2cU {position: absolute; bottom:10%; background-color: #FFC600; padding: 0.3rem 0.8rem;}
.HPh2cE {left: auto; right: 0px;}
.HPh2cU {left: 0px; right: auto;}
h2 {font-size: 150%; line-height: 120%; margin: 0 0 0.3rem 0; font-weight: bold; color: #2C2A29;}

.entryTW {margin: 0.75rem 0; display: flex; justify-content: space-between;}
.entryTitle {order: 1;}
.entryTitle p {margin: 0.2rem 0 0 0; font-size: 80%; line-height:110%;}
h3 {font-size: 110%; line-height: 110%; font-weight: bold; margin: 0;}
.entryIcons {white-space: nowrap; margin: 0 0 0 1.5rem; order: 2;}
.entryIcon {height: 60px; width: auto;}
.iconLink + .iconLink {margin-left: 0.75rem;}
.pptIframe {width: 100%; height: 100%;}

.head, .hpHead, .tabsWrC, .tabs, .textDiv, .pageBottom, .nts {transition: opacity 0.6s ease-in, top 0.6s ease-out;}
.tabsWrC, .tabs, .textDiv {position: relative; top: 30px;}
.homePage {transition: opacity 0.3s ease-out;}

#pageTop {
	position: fixed; bottom: 2rem; right: 2rem; width: 2.8rem; height: 2.8rem; border: 0px; border-radius: 1.5rem; background-color: rgba(0, 0, 0, 0.25); cursor: pointer; opacity: 1; text-align: center; transition: opacity 1s linear;
}
#pageTop img {width: 86%; height: 86%; margin-top: 7%;}
.noSelect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline: 0;
}
.pageBottom {text-align: center; color: #FFFFFF; font-size: 60%; line-height: 1.4; margin: 1rem 0; opacity: 0;}
.pageBottom a {color: #FFFFFF;}
.pageBottom a:hover {text-decoration: underline;}



@media screen and (orientation: portrait) {
	.tabs, .tabsWR {flex-direction: column; flex-wrap: nowrap;}
	.HPh2cE {left: 0px; right: auto;}
}

@media screen and (min-width: 1600px) {
	body {font-size: 1.6rem;}
	.logo {height:118px;}
	.homeBC {top: 2rem;}
	.homeBC img {height: 50px;}
	.head, .hpHead {margin: 0 2.5rem 1.5rem 2.5rem;}
	.textDiv {margin: 0 2.5rem 1.5rem 2.5rem;}
	.headT {padding: 0 75px 0 0;}
	.headTH {}
	.tabs {padding: 0 1.7rem;}
	.tabsWL {padding: 0 0 0 1.7rem;}
	.tabsWR {padding: 0 1.7rem 0 0;}
	.iO, .iOa, .iM, .iMa {font-size:85%;}
}

@media screen and (max-width: 1600px) {
	body {font-size: 1.4rem;}
	.logo {height:98px;}
	.homeBC {top: 1.4rem;}
	.homeBC img {height: 45px;}
	.head, .hpHead {margin: 0 2.5rem 1.5rem 2.5rem;}
	.textDiv {margin: 0 2.5rem 1.5rem 2.5rem;}
	.headT {padding: 0 60px 0 0;}
	.headTH {padding: 0 151px 0 0;}
	.tabs {padding: 0 1.7rem;}
	.tabsWL {padding: 0 0 0 1.7rem;}
	.tabsWR {padding: 0 1.7rem 0 0;}
}

@media screen and (max-width: 1200px) {
	body {font-size: 1.25rem;}
	.logo {height:78px;}
	.homeBC {top: 1.0rem;}
	.homeBC img {height: 40px;}
	.head, .hpHead {margin: 0 1.5rem 1.5rem 1.5rem;}
	.textDiv {margin: 0 1.5rem 1.5rem 1.5rem;}
	.headT {padding: 0 55px 0 0;}
	.headTH {padding: 0 120px 0 0;}
	.tabs {padding: 0 0.7rem;}
	.tabsWL {padding: 0 0.7rem; width: auto;}
	.tabsWR {padding: 0 0.7rem; width: auto;}
	.tabsWrC {flex-direction: column;}
	
	
	.iO, .iOa, .iM, .iMa {font-size:120%;}
	
}

@media screen and (max-width: 900px) {
	body {font-size: 1.1rem;}
	.homeBC {top: 1.05rem;}
	.homeBC img {height: 38px;}
	.headT {padding: 0 50px 0 0;}
	.hpHead h1 {padding-top: 0;}
}

@media screen and (max-width: 800px) {
	body {font-size: 1rem;}
	.homeBC {top: 1.05rem;}
	.homeBC img {height: 38px;}
}

@media screen and (max-width: 700px) {
	/*.headT {padding: 0 0 0 0;}*/
}

@media screen and (max-width: 600px) {
	.tabs, .tabsWR {flex-direction: column; flex-wrap: nowrap;}
	.HPh2cE {left: 0px; right: auto;}
	.head, .hpHead {flex-direction: column; align-items: center;}
	.headT, .headTH {padding: 0; margin-top: 0.75rem;}
	.nts {padding:0 1.5rem;}
	.homeBC {top: 1.2rem;}
	.homeBC img {height: 38px;}
	.iO, .iOa, .iM, .iMa {font-size:100%;}
}

@media screen and (max-width: 600px) and (max-height: 600px) and (orientation: landscape){
	
}

@media screen and (max-width: 450px) {
	.entryTW {flex-direction: column; margin: 0.5rem 0 0.75rem 0;}
	.entryTitle {order: 2;}
	.entryIcons {margin: 0; order: 1;}
	.homeBC img {height: 35px;}
	
}

@media screen and (max-width: 400px) {
	body { font-size: 0.9rem; line-height: 1.05rem; }
	.entryIcon {height: 50px;}
}



@media screen and (orientation: landscape) and (max-height: 260px) {
	
}

@media screen and (max-width: 320px) {
	body { font-size: 0.8rem; line-height: 0.95rem; }
	.homeBC img {height: 30px;}
	.iO, .iOa, .iM, .iMa {font-size:80%;}
}

@media screen and (min-width: 941px) {
	
}

@media screen and (max-width: 941px) and (pointer: coarse) {
	.entryTW {flex-direction: column; margin: 0.5rem 0.5rem 1rem 0.5rem;}
	.entryTitle {order: 2;}
	.entryIcons {margin: 0; order: 1;}
	.iconLink + .iconLink {margin-left: 1rem;}
	.HPtab { background-color: #FFE27F;}
	
}