/* Basic */


body, input, select, textarea, section {
	font-size: 15pt;
}
strong, b {
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	line-height: 1em;
	margin: 0 0 1em 0;
}
h2 {
	font-size: 1.6em;
	line-height: 1.5em;
	letter-spacing: -0.025em;
}
h3 {
	font-size: 1.35em;
	line-height: 1.5em;
}
h4 {
	font-size: 1.1em;
	line-height: 1.5em;
}
h5 {
	font-size: 0.9em;
	line-height: 1.5em;
}
h6 {
	font-size: 0.7em;
	line-height: 1.5em;
}
sub {
	font-size: 0.8em;
	position: relative;
	top: 0.5em;
}
sup {
	font-size: 0.8em;
	position: relative;
	top: -0.5em;
}
.logo_txt {
	
	top: 20px;
	font-size: 13px;
}
.logo_txt2 {
	font-size: 10px;
}
/* Section/Article */

section.special, article.special {
	text-align: center;
}
header p {
	color: #333;
	position: relative;
	margin: 0 0 1.5em 0;
}
header h2 + p {
	font-size: 1.25em;
	margin-top: -1em;
	line-height: 1.75em;
}
header h3 + p {
	font-size: 1.1em;
	margin-top: -0.8em;
	line-height: 1.75em;
}
header h4 + p,  header h5 + p,  header h6 + p {
	font-size: 0.9em;
	margin-top: -0.6em;
	line-height: 1.5em;
}

.buttonh {
	position: relative;
	width: 50%;
}
.buttonh:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.square_content {
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 3.5em;
	font-size: 1.2em;
}
.buttonh2 {
	position: relative;
	height:8em;
}
 
.square_content2 {

	padding-top: 2em;
	font-size: 1.2em;
}
.buttonh3 {
	position: relative;
	height:5em;
}
 
.square_content3 {

	padding-top: 0.5em;
	font-size: 1.2em;
}
 @media screen and (max-width: 1680px) {
/* Basic */
#banner .content header h2 {
	font-size: 2.4em;
}
body, input, select, textarea {
	font-size: 13pt;
}
/* Table */

.table-wrapper {
	font-size: 0.9em;
}
.logo_txt {
	top:13px;
	font-size: 13px;
}
.logo_txt2 {
	
	font-size: 10px;
}
.square_content {
	padding-top: 3em;
	font-size: 1.2em;
}
}

/* Large */

	@media screen and (max-width: 1280px) {
/* Basic */

		
#banner .content header h2 {
	font-size: 1.5em;
}
body, input, select, textarea {
	font-size: 11.5pt;
}
/* Table */

.table-wrapper {
	font-size: 0.8em;
}

.square_content {
	padding-top: 3.5em;
	font-size: 0.9em;
}
.buttonh2 {
	position: relative;
	height:6em;
}
 
.square_content2 {

	padding-top: 1.5em;
	font-size: 0.9em;
}
.buttonh3 {
	position: relative;
	height:5em;
}
 
.square_content3 {

	padding-top: 0.8em;
	font-size: 0.9em;
}
}

/* Medium */

	@media screen and (max-width: 980px) {
/* Basic */
#banner .content header h2 {
	font-size: 1.5em;
}
body, input, select, textarea {
	font-size: 12pt;
}
/* Table */

.table-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
	font-size: 0.8em;
}
table {
	margin: 0 0 1em 0;
	width: 100%;
	font-weight: 600;
}

.buttonh:after {
	padding-bottom: 18%;
}
.square_content {
	padding-top: 1.5em;
	font-size: 1em;
}
.buttonh2 {
	position: relative;
	height:7em;
}
 
.square_content2 {

	padding-top: 1.5em;
	font-size: 1em;
}
}

/* Small */



	@media screen and (max-width: 736px) {
/* Basic */


body, input, select, textarea {
	font-size: 12pt;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1em;
}
/* Section/Article */

header p br {
	display: none;
}
header h2 + p {
	font-size: 1em;
}
header h3 + p {
	font-size: 1em;
}
header h4 + p,  header h5 + p,  header h6 + p {
	font-size: 0.9em;
}
header.major {
	margin: 0 0 2em 0;
}
.logo_txt {
	top: 12px;
	padding-left:0px;
	font-size: 12px;
}
.logo_txt2 {
	padding-right:103px;
	
	font-size: 10px;
	
}
.buttonh {
	position: relative;
	height:5.5em;
}
.buttonh:after {
	padding-bottom: 22%;
}
.square_content {
	padding-top: 1em;
	font-size: 0.8em;
}
.buttonh2 {
	position: relative;
	height:5.5em;
}
 
.square_content2 {

	padding-top: 1.5em;
	font-size: 0.8em;
}
.buttonh3 {
	position: relative;
	height:5.5em;
}
 
.square_content3 {

	padding-top: 1.5em;
	font-size: 0.8em;
}
}

	@media screen and (max-width: 480px) {
/* Basic */

.logo_txt {
	top: 12px;
	padding-left:0px;
	left:-28px;
	font-size: 10px;
}
.logo_txt2 {
	padding-right:0px;
	padding-left:34px;
	font-size: 9px;
	width:270px;
}
}

