html{ font-size: 100%; height: 100%; width: 100%; overflow-x: hidden; margin: 0px;  padding: 0px; touch-action: manipulation; }


body{ font-size: 16px; font-family: Arial, Helvetica, sans-serif; width: 100%; height: 100%; margin: 0; font-weight: 400;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; overflow-x: hidden; 
	color: #333; }

h1, p{ margin: 0; padding: 0; }

h1{ line-height: 1.5; font-weight: inherit; font-size: 2.5em; line-height: 1;}

p{ line-height: 1.6; font-size: 1.2em; font-weight: 400; color: #555; }

h2 { margin-top: 30px }

b{ font-weight: 500; }

img{ width: 100%; }

.center-text{ text-align: center; } 

.display-table{ display: table; height: 100%; width: 100%; }

.display-table-cell{ display: table-cell; vertical-align: middle; }


.full-height{ height: 100%; }

.position-static{ position: static; }


.main-area{ position: relative; height: 100vh;  }


.left-section{ float: left; width: 80%; position: relative; }

.left-section .logo{ position: absolute; top: 40px; height: 35px; }

.left-section .logo img{ height: 100%; width: auto; } 


.left-section .main-content{ padding: 40px 40px 40px 0; }

.main-content .title{ margin-bottom: 15px; }


@media only screen and (max-width: 992px) {
	.main-area{ position: relative; height: 100vh; }
	.left-section{ float: none; width: 100%; height: 100%; }
	.left-section .main-content{ padding: 40px 0; }
}
@media only screen and (max-width: 767px) {
	p{ line-height: 1.4; }
	h1{ font-size: 2.8em; line-height: 1; }
}

@media only screen and (max-width: 479px) {
	body{ font-size: 12px;  }
}

a {
	color: #0000E6;
}