@import url(iconmoon.css);

@import url(dbsicons.css);

@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
	
	html {
		font-family: "Apple LiSong", 'Noto Sans TC', "Microsoft JhengHei", "SimHei", serif;
		font-size: 14px;
		background-color: #000;
		overflow-x: hidden;
	}
	
	body {
		font-family: "Apple LiSong", 'Noto Sans TC', "Microsoft JhengHei", "SimHei", serif;
		font-size: 14px;
		background-color: #000;
		overflow-x: hidden;
		overflow: visible;
		padding: 0 !important;
	}
	
	h2 {
		color: #BB8D58;
		font-size: 2.6em;
	}
	
	a {
		color: #BB8D58;
		text-decoration: none;
	}
	
	a:visited {
		color: #BB8D58;
		text-decoration: none;
	}
	
	a:hover, a:active {
		color: #FFF;
		text-decoration: none;
	}
	
	a:focus {
		outline: none;
	}
	
	.nopadding {
		padding-left: 0;
		padding-right: 0;
	}
	
	.nomargin {
		margin-left: 0;
		margin-right: 0;
	}
	
	.nowrap {
		white-space: nowrap;
	}
	
	.img-responsive {
		display: inline-block;
	}
	
	.img-responsive.full {
		width: 100%;
	}
	
	header {
		position: fixed;
		width: 100%;
		z-index: 100;
		background-color: transparent;
	}
	
	header .head {
		background-color: #000;
	}
	
	header .logo {
		margin: 15px 0;
		display: inline-block;
		vertical-align: middle;
		max-width: 100%;
		max-height: 40px;
	}
	
	header .btn-menu {
		color: #FFF;
		padding: 0.8em 0;
		display: inline-block;
		font-size: 1.8em;
	}
	
	header .float-right {
		float: right;
	}
	
	header .float-right .btn-lang, header .float-right .btn-fav {
		line-height: 70px;
	}
	
	header .float-right .btn-lang {
		display: inline-block;
		padding: 0 5px;
		color: #BB8D58;
		font-weight: 500;
	}
	
	header .float-right .btn-lang:hover {
		color: #FFF;
	}
	
	header .float-right .btn-fav {
		font-size:20px;
	}
	
	header .float-right .btn-fav:hover, header .float-right .btn-fav:focus{
		text-decoration:none;
		color:#FFF;
	}
	
	header #nav-icon {
		display: inline-block;
		vertical-align: middle;
		width: 40px;
		height: 40px;
		margin: 15px 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	
	header #nav-icon span {
		display: inline-block;
		position: absolute;
		height: 2px;
		width: 16px;
		background: #FFF;
		border-radius: 0px;
		opacity: 1;
		left: 9px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	
	header #nav-icon span:nth-child(1) {
		top: 8px;
	}
	
	header #nav-icon span:nth-child(2), header #nav-icon span:nth-child(3) {
		top: 14px;
	}
	
	header #nav-icon span:nth-child(4) {
		top: 20px;
	}
	
	header #nav-icon.open span:nth-child(1) {
		top: 12px;
		width: 0%;
		left: 50%;
	}
	
	header #nav-icon.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	header #nav-icon.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	header #nav-icon.open span:nth-child(4) {
		top: 12px;
		width: 0%;
		left: 50%;
	}
	
	nav {
		z-index: 999;
		position: fixed;
		background-color: rgba(0, 0, 0, 0.8);
		left: 0;
		width: 300px;
		top: auto;
		padding: 1em;
		line-height: 2em;
		-webkit-transform: translate(-300px, 0px);
		-moz-transform: translate(-300px, 0px);
		-o-transform: translate(-300px, 0px);
		transform: translate(-300px, 0px);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	
	nav ul {
		list-style: none;
		margin-left: -20px;
	}
	
	nav ul.submenu {
		line-height: 1.8em;
		margin-bottom: 0.5em;
	}
	
	nav a {
		color: #EEE;
		text-decoration: none;
	}
	
	nav a:active, nav a:visited {
		color: #EEE;
		text-decoration: none;
	}
	
	nav a.txt-brown, nav a:active.txt-brown, nav a:visited.txt-brown {
		color: #BB8D58;
	}
	
	nav a:hover {
		color: #EEE;
		text-decoration: underline;
	}
	
	nav a:hover.txt-brown {
		color: #BB8D58;
	}
	
	nav a.nav-close {
		display: inline-block;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	
	nav.open {
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	
	nav .btnNav.active {
		text-decoration: underline;
	}
	
	nav .btnNav.noline {
		text-decoration: none;
	}
	
	nav .btnNav.txt-brown span {
		display: inline-block;
		border: none;
		padding: 0 5px;
	}
	
	nav .btnNav.txt-brown.active span {
		font-size: 1.2em;
		color: #F00;
		text-decoration: none;
	}
	
	footer {
		background-color: #000;
		color: #FFF;
		font-size: 12px;
		padding: 15px;
	}
	
	footer .link {
		display: inline-block;
		vertical-align: top;
		margin-right: 20px;
	}
	
	footer .link a {
		color: #FFF;
	}
	
	footer .link a:hover {
		color: #FF1818;
	}
	
	footer .links {
		margin-bottom: 10px;
	}
	
	footer .copyright {
		text-align: left;
	}
	
	article {
		background-color: #FFF;
		position: relative;
		margin-top: 0px;
		height: 100%;
		width: 100%;
	}
	
	.header_padding {
		width: 100%;
		height: 100px;
		position: relative;
		background: #000;
	}
	
	.breadcrumbs {
		padding: 10px 0 10px;
		background-color: #BB8D58;
		opacity:.9; 
		color: #FFF;
	}
	
	.breadcrumbs .txt {
		font-size:11px;
	}
	
	.breadcrumbs .wth {
		display: inline-block;
		vertical-align: middle;
	}
	
	.breadcrumbs .w18 {
		width: 17%;
	}
	
	.breadcrumbs .w3 {
		width: 3%;
	}
	
	.breadcrumbs a {
		color: #FFF;
	}
	
	.breadcrumbs a:hover {
		color: #000;
	}
	
	.breadcrumbs .active {
		color: #000;
		font-weight: bold;
	}
	
	.breadcrumbs span.dbsico {
		font-size: 2rem;
		display: inline-block;
		padding: 0 3px;
	}
	
	.floating-nav {
		position: relative;
		padding: 15px 0;
		width: 100%;
		text-align: center;
		font-size: 1.5rem;
	}
	
	.floating-nav.up {
		top: 0;
	}
	
	.floating-nav.down {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	.floating-nav.down.fixed {
		position: fixed;
	}
	
	.floating-nav .btnNav {
		display: inline-block;
		width: 40px;
		height: 40px;
	}
	
	.floating-nav .btnNav img {
		width: 100%;
	}
	
	.overlay modal-video {
		position: absolute;
	}
	
	
	@keyframes fadein {
		0% {
			opacity: 0;
		}
	
		50% {
			opacity: 0.3;
		}
	
		100% {
			opacity: 1;
		}
	}
	
	.centering-wrapper {
		position: relative;
		min-height: 500px;
		height: 100%;
	}
	
	.centering-content {
		position: absolute;
		top: 50%;
		transform: translate(0%, -50%);
		max-width: 1400px;
	}
	
	.container-fluid {
		max-width: 1400px;
	}
	
	.overlay {
		display: none;
		z-index: 90;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: #000;
	}
	
	.overlay .btn-close {
		position: absolute;
		right: 10px;
		top: 10px;
		font-size: 1.2em;
		color: #FFF;
		display: inline-block;
		cursor: pointer;
	}
	
	.overlay .overlay-content {
		margin-top: 2em;
		max-width: 750px;
	}
	
	.main-wrapper {
		height: 100%;
		width: 100%;
		position: relative;
		display: block;
		background-color: #FFF;
		background-size: 100% auto;
		background-position: bottom center;
		background-repeat: no-repeat;
		padding: 0 1em 200px;
	}
	
	.main-wrapper .headline-wrapper {
		font-size: 14px;
		letter-spacing: -0.05em;
	}
	
	.main-wrapper .headline-wrapper .headline {
		font-size: 2em;
		margin-bottom: 0;
	}
	
	.main-wrapper .headline-wrapper .headline .strong {
		font-weight: bold;
		color: #BB8D58;
	}
	
	.main-wrapper .headline-wrapper .sub-headline {
		font-size: 1.6em;
		margin-top: -0.3em;
		margin-bottom: -0.3em;
	}
	
	.main-wrapper .bg-grad {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: transparent;
		background: transparent;
		background: -webkit-Ridial-gradient(transparent, transparent);
		background: -o-Ridial-gradient(transparent, transparent);
		background: -moz-Ridial-gradient(transparent, transparent);
		background: Ridial-gradient(transparent, transparent);
	}
	
	.main-wrapper .remark {
		font-size: 0.8em;
	}
	
	.main-wrapper .btn-rectangle {
		border: 1px solid #000;
		display: inline-block;
		padding: 0.3em 0.8em;
	}
	
	.main-wrapper a {
		color: #000;
	}
	
	.main-wrapper a:visited {
		color: #000;
		text-decoration: underline;
	}
	
	.main-wrapper a:hover, .main-wrapper a:active {
		color: #F00;
	}
	
	.main-wrapper .block-content {
		margin: 0 auto;
		max-width: 1900px;
	}
	
	.main-wrapper .btn-red, .main-wrapper .btn-red:visited {
		border: 2px solid #FF3333;
		color: #FF3333;
		background-color: transparent;
		border-radius: 5px;
		text-decoration: none;
		padding: 3px 8px;
		font-size: 1rem;
		font-weight:300;
	}
	
	.main-wrapper .btn-red:hover, .main-wrapper .btn-red:focus {
		background-color: #EE1818;
		color: #FFFFFF;
	}
	
	.main-wrapper .btn-red.disable {
		cursor: not-allowed;
		opacity: 0.3;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
		-moz-opacity: 0.3;
		-khtml-opacity: 0.3;
	}
	
	.main-wrapper .btn-more {
		text-decoration: none;
		margin-bottom: 2em;
		display: inline-block;
	}
	
	.main-wrapper .btn-more .caption {
		margin-top: -3em;
		font-size:18px;
		color:#FFF;
	}
	
	.main-wrapper .btn-more span.glyphicon {
		display: inline-block;
	}
	
	.main-wrapper .btn-more.active {
		margin-bottom: 0em;
	}
	
	.main-wrapper .btn-more.active span.glyphicon {
		transform-origin: 50% 50%;
		transform: rotate(180deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	
	.main-wrapper .expand-box {
		width: 100%;
		padding: 1.5em;
		border: #BB8D58 solid 1px;
		background-color: rgba(255, 255, 255, 0.7);
		display: none;
		transform-origin: 50% 0%;
		-webkit-transform: scaleY(0);
		-moz-transform: scaleY(0);
		-o-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	
	.main-wrapper .expand-box.active {
		-webkit-transform: scaleY(1);
		-moz-transform: scaleY(1);
		-o-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	
	.main-wrapper .expand-box.show {
		display: block;
		margin-bottom: 2em;
	}
	
	.main-wrapper .expand-box .link {
		margin-right: 15px;
	}
	
	#Home.main-wrapper {
		background-image: url(../../../images/fxoet/zh/bg_home_mobile.jpg);
		background-size: cover;
		padding-bottom: 0;
	}
	
	#Home .container-fluid {
		position: relative;
	}
	
	#Home .container-fluid .centering-table-wrapper {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	#Home .container-fluid .centering-table-wrapper table {
		width: 100%;
		height: 100%;
	}
	
	#Home .container-fluid .centering-table-wrapper table td {
		vertical-align: center;
	
	}
	
	#Home .headline-wrapper .headline {
		font-size: 2em;
	}
	
	#OET.main-wrapper {
		background-image: url(../../../images/fxoet/zh/bg_OET_mobile.jpg);
		background-color:#000;
	}
		
	#OET .text-content {
		margin-top: 1.2em;
		margin-bottom: 1em;
	}
	
	
	#OET .text-content .dest1, #OET .text-content .dest2, #OET .text-content .dest3, {
		margin-bottom: 2em;
		align: center;
	}
	
	#OET .text-content .headline {
		font-size: 1em;
	}
	
	#OET .headline-wrapper .headline {
		font-size: 2em;
	}
	
	#OET .headline-wrapper .sub-headline {
		font-size: 1.4em;
	}
	
	
	#OET .glyphicon {
		font-size: 1.3rem;
		color: #FFF;
	}

	#OET .subtitle {
		padding-top:10px;
		font-size:16px;
		font-weight:300;
		color:#FFF;
		line-height:1.5em;
	}
	
	
	#OET .caption {
		padding-top:5px;
		font-size:16px;
		font-weight:600;
		color:#FFF;
	}
	
	
	#OET .text-content .img-responsive {
		display: inline-block;
		max-width: 265px;
		width: 100%;
	}
	
	
	#OET .text-content .img {
		margin-top: 1em;
		margin-bottom: -3em;
	}
	
	
	#OET .method {
		padding-top:10px;
		font-size:1rem;
		font-weight:500;
		}




/*#OET .text-content {
	margin-top: 3em;
}

#OET .text-content .img-responsive {
	display: inline-block;
	max-width: 265px;
	width: 100%;
}

#OET .text-content .img {
	margin-top: 1em;
	margin-bottom: -3em;
}*/




	#FX.main-wrapper {
		background-image: url(../../../images/fxoet/zh/bg_FX_mobile.jpg);
	}
	
	#FX.headline-wrapper .headline {
		font-size: 2em;
	}
	
	#FX.headline-wrapper .sub-headline {
		font-size: 1.4em;
	}
	
	#FX.text-content {
		margin-top: 1em;
		color:#000;
	}
	
	#FX .caption {
		padding-top:5px;
		font-size:22px;
		font-weight:600;
		color:#000;
	}
	
	
	#FX.text-content .img-responsive {
		display: inline-block;
		max-width: 265px;
		width: 100%;
	}
	
	#FX.text-content .img {
		margin-top: 1em;
		margin-bottom: -3em;
	}
	
	#FX. btn-more .caption {
		margin-top: -3em;
		font-size:18px;
		color:#000;
	}
	
	#FX .subtitle {
		padding-top:10px;
		font-size:16px;
		font-weight:300;
		line-height:1.5em;
	}
	
	
	
	






	#analysis.main-wrapper {
		background-image: url(../../../images/fxoet/zh/bg_analysis_mobile.jpg);
		background-color:#0D2DBC;	
	
	}
	
	#analysis .text-content {
		margin-top: 4em;
	}
	
	#analysis .text-content p {
		margin-top: -3em;
	}
	
	#analysis .text-content .dest1, #analysis .text-content .dest2, #analysis .text-content .dest3, #analysis .text-content .dest4 {
		margin-bottom: 1em;
	}
	
	#analysis .subtitle {
		padding-top:10px;
		font-size:16px;
		font-weight:300;
		color:#FFF;
		line-height:1.5em;
		}
		
	#analysis .btn-red {
		margin-bottom: 10em;
	}

	
	
	#callforaction.main-wrapper {
		background-image: url(../../../images/fxoet/zh/bg_callforaction_mobile.jpg);
	}
	
	#callforaction .headline-wrapper .headline {
		font-size: 2em;
	}
	
	#callforaction .headline-wrapper .sub-headline {
		font-size: 1.4em;
	}
	
	#callforaction .text-content {
		margin-top: 2em;
	}
	
	#callforaction .text-content .img-responsive {
		display: inline-block;
		max-width: 265px;
		width: 100%;
	}
	
	#callforaction .text-content .img {
		margin-top: 1em;
		margin-bottom: -1em;
	}
	

	#callforaction .subtitle {
		padding:50px; 
		font-size:16px;
		font-weight:400;
		line-height:1.5em;

	 }
	
	
	
	
	
	
	
	.modal {
		padding: 0 !important;
	}
	
	.modal-backdrop {
		opacity: 0 !important;
	}
	
	.modal-centering {
		position: absolute;
		width: 100%;
		top: 50%;
		transform: translate(0%, -50%);
	}
	
	.modal-dialog {
		margin: 0 auto;
	}
	
	.modal-content {
		border-radius: 0;
		border: #BB8D58 2px solid;
		background-color: rgba(255, 255, 255, 0.9);
		padding: 0.8em 1em;
	}
	
	.modal-content .modal-header {
		border-bottom: none;
	}
	
	.modal-content .modal-header .modal-title {
		color: #BB8D58;
		font-size: 1.5rem;
	}
	
	.modal-content .modal-header .close {
		opacity: 1;
	}
	
	.modal-content .modal-header .close:hover {
		color: #BB8D58;
	}
	
	.modal-content .modal-footer {
		border-top: none;
	}
	
	#modal-bookmark .btns {
		background: #BB8D58;
		color: #FFF;
		margin: 0 1em;
		border-radius: 10px;
		padding: 2px 8px;
	}

@media (min-width: 768px) {
	html, body {
		font-size: 14px;
	}

	header .logo {
		max-width: 100%;
	}

	.breadcrumbs span.dbsico {
		font-size: 1.1rem;
	}

	.main-wrapper {
		padding: 0 3em 60px;
		background-position: top center;
	}

	.main-wrapper .headline-wrapper {
		font-size: 1.3em;
		letter-spacing: 0;
	}

	.main-wrapper .bg-grad {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: transparent;
		background: transparent;
		background: -webkit-Radial-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 10), #fff, #fff);
		background: -o-Radial-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 10), #fff, #fff);
		background: -moz-Radial-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 10), #fff, #fff);
		background: Radial-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), #fff, #fff);
	}

	#Home.main-wrapper {
		background-image: url(../../../images/fxoet/zh/bg_home.jpg);
	}
	
	
	.main-wrapper .btn-red, .main-wrapper .btn-red:visited {
		border: 2px solid #FF3333;
		color: #FF3333;
		background-color: transparent;
		border-radius: 5px;
		text-decoration: none;
		padding: 3px 8px;
		font-size: 1.1rem;
		font-weight:300;
	}
	
	.main-wrapper .btn-red:hover, .main-wrapper .btn-red:focus {
		background-color: #EE1818;
		color: #FFFFFF;
	}
	
	.main-wrapper .btn-red.disable {
		cursor: not-allowed;
		opacity: 0.3;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
		-moz-opacity: 0.3;
		-khtml-opacity: 0.3;
	}
	
	
	

	#OET.main-wrapper {
		background-image: url(../../../images/fxoet/zh/bg_OET.jpg);
		background-color:#000;
	}
		
	#OET .subtitle {
		padding-top:10px;
		font-size:22px;
		font-weight:300;
		color:#FFF;
		line-height:1.5em;
	}
   
	/*#Activate_1 .text-content {
		margin-top: 200px;
	}*/
	
	#OET .method {
		padding-top:10px;
		font-size:22px;
		font-weight:500;
	}
	
	#OET .container .text-content {
		margin-top: 0em;
	}
	



	#FX.main-wrapper {
		background-image: url(../../../images/fxoet/zh/bg_FX.jpg);
		background-position: top center;
	}
	
	#FX .subtitle {
		padding-top:10px;
		font-size:22px;
		font-weight:300;
		line-height:1.5em;
   }  
   
	#FX .text-content {
		margin-top: 80px;
	}
	
	#FX .container .text-content {
		margin-top: 0em;
	}
	

	#FX .method {
		padding-top:10px;
		font-size:22px;
		font-weight:500;
	}




	#analysis.main-wrapper {
		background-image: url(../../../images/fxoet/zh/bg_analysis.jpg);
		background-color:#0D2DBC;	
	}
	
	
	#analysis .subtitle {
		padding-top:10px; 
		font-size:22px;
		font-weight:300;
		color:#FFF;
		line-height:1.5em;
   }
      
	#analysis .container .text-content {
		margin-top: 0em;
	}
	
	


	
	#callforaction .text-content {
		margin-top: 80px;
	}

	#callforaction.main-wrapper {
		background-image: url(../../../images/fxoet/zh/bg_callforaction.jpg);
	}
	
	#callforaction .subtitle {
		padding:50px;
		font-size:22px;
		font-weight:400;
		line-height:1.5em;
   }
		

	.modal-content {
		padding: 1.2em 2em;
	}

	.modal-content .modal-header .modal-title {
		font-size: 2rem;
	}

	

	
	
		
}

@media (min-width: 992px) {
	html, body {
		font-size: 16px;
	}

	footer .copyright {
		text-align: right;
	}

	.main-wrapper .headline-wrapper {
		font-size: 1.2em;
	}
	
	
	#OET .remark{
		font-size: 0.8em;
	}

	#OET .text-content {
		margin-top: 80px;
	}

	#FX .text-content {
		margin-top: 80px;
	}

	#analysis .text-content {
		margin-top: 10px;
	}

	#callforaction .text-content {
		margin-top: 10px;
	}



}

@media (min-width: 1200px) {
	html, body {
		font-size: 18px;
	}

	.main-wrapper .headline-wrapper {
		font-size: 1.4em;
	}
	
	#OET .caption {
		padding-top:5px;
		font-size:22px;
		font-weight:bold;
		color:#FFF;
	}


	#OET .text-content {
		margin-top: 150px;
	}
	
	#OET .remark{
		font-size: 0.8em;
	}


	#FX .text-content {
		margin-top: 100px;
	}

	#analysis .text-content {
		margin-top: 100px;
	}

	#callforaction .text-content {
		margin-top: 100px;
	}

	
}

@media (min-width: 1921px) {
	html, body {
		font-size: 22px;
		line-height: 1.5;
	}

	.main-wrapper .headline-wrapper {
		font-size: 1.3em;
	}



	nav {
		z-index: 999;
		position: fixed;
		background-color: rgba(0, 0, 0, 0.8);
		left: 0;
		width: 350px;
		top: auto;
		padding: 1em;
		line-height: 2em;
		-webkit-transform: translate(-350px, 0px);
		-moz-transform: translate(-350px, 0px);
		-o-transform: translate(-350px, 0px);
		transform: translate(-350px, 0px);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
}


@media (max-width: 321px) {
	html, body {
		font-size: 13px;
	}

	header .logo {
		max-height: 30px;
	}

	.main-wrapper .headline-wrapper {
		font-size: 13px;
	}	

	#Home.main-wrapper .headline-wrapper {
		font-size: 15px;
		
	}
	
	#OET.main-wrapper .headline-wrapper {
		font-size: 11px;
	}


	
	#OET .subtitle {
		padding-top:10px;
		font-size:12px;
		font-weight:300;
		color:#FFF;
		line-height:1.5em;
	}
	
	
	#OET .caption {
		padding-top:10px;
		font-size:12px;
		font-weight:800;
		color:#FFF;
	}
	
	

	#callforaction.main-wrapper .headline-wrapper {
		font-size: 11px;
	}
}

/*# sourceMappingURL=style.css.map */