html{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
}
body{
		font-family: 'Work Sans', sans-serif;
		padding:0;
		margin:0;
		
}
#bg{
	background:url('../images/output.jpg');
	background-size: cover;
	padding: 0;
margin: 0;
width:100%;
height:100%;
}
.bg{
		background: rgba(255,255,255,0.3);
		color:#000000;
		   clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0 80%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0 80%);
		background-image: linear-gradient( 90deg, #fff 50%, #d1d1d1 50%,#fefbfc 97.8% );
}
.main-wrapper{
	text-align:center;
}
.logo{
margin: 0;
padding: 0;
}
.header{
	color:#ffffff;
margin-top: -20px;
display: inline-block;

padding: 3px;
}
.main{
	margin-top:30px;
	max-width:50%;
	display:inline-block;

padding: 10px;
}
.logo{
	
}
.main-text{
	line-height: 25px;
}
.footer{

padding: 10px;
display: inline-block;
}
.line{
	display: inline-block;
	margin-top:-25px;
}
.border{
	border-top:solid 1px #cccccc;
}
.divider{
	margin-top:50px;
	margin-bottom: 30px;
}
.tracking{

	font-size:10px;
	margin-top:100px;
	text-align: center;
font-style: italic;
}
#bg{
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1
}
#bgimg{
	width:100%;
	height:100%;
}
@media only screen and (max-width: 600px) {
  .main {
    max-width:100%;
  }
   .logo img {
    max-width:100%;
  }
}