*{
	margin: 0;
	padding: 0;
}

html, body{
	width: 100%;
	height: 100%;
	background: #fff;
	columns: #000;
	font-family: 'Open Sans', Arial;
	font-weight: 300;
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
}

a{
	text-decoration: none;
}

/* UNIVERSAL CLASSES */

.clear{
	clear: both;
}

.dNone{
	display: none!important;
}

/* UNIVERSAL CLASSES END */

#Wrapper{
	height: 100%;
	width: 100%;
}

	#left,
	#right{
		display: block;
		float: left;
		width: 47%;
		height: 100%;
		text-align: center;
		position: relative;
	}

	#right{
		width: 53%;
		float: right;
		background: #8CC63E;
	}

		.content{
			display: block;
			text-align: center;
			height: 100%;
		}

		#right .content{
			padding-left: 80px;
		}

			.content table{
				height: 100%;
			}

			.esperanto-logo {
				display: block;
				width: 220px;
				height: auto;
				margin: 0 auto;
			}

			.text-loc{
				display: block;;
				font-size: 18px;
				margin:20px 0;
			}

			.text-contact{
				display: block;
				font-size: 16px;
			}

				.text-contact span{
					font-weight: 600;
				}

			#triangle{
				width: 0px;
				height: 0px;
				border-style: solid;
				border-width: 1000px 80px 0 0;
				border-color: #fff transparent transparent transparent;
				line-height: 0px;
				_border-color: #076591 #000000 #000000 #000000;
				_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
				position: absolute;
				top: 0;
				left: 0;
			}

			.hurricane-logo{
				width: 350px;
				height: auto;
				display: block;
				margin: 0 auto 30px;
			}
			
			.text-type{
				color: #fff;
				font-size: 24px;
				margin-bottom: 50px;
			}

				.text-type img{
					display: inline-block;
					vertical-align: middle;
				}

			.btn-website{
				display: inline-block;
				color: #fff;
				font-size: 20px;
				text-align: center;
				padding: 10px 30px;
				border: 3px solid #fff;
				border-radius: 5px;
			}

			.btn-website:hover{
				background: #fff;
				color: #8CC63E;
				font-weight: 400;
			}


@media screen and (max-width: 980px){
	body{
		overflow-y: auto;
	}
	#triangle{
		display: none;
	}

	#left,
	#right{
		width: 100%;
		float: none;
		height: auto;
		padding: 100px 0;
	}

	#right .content{
		padding: 0;
	}
}