html,
body {
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	height: 100%;
}

h1 {
	font-size: 4rem;
	font-weight: 700;
	color: #009fb2;
	padding-top: 20px;
	text-transform: uppercase;
}

a {
	font-size: 1.2rem;
	color:#262626;
	line-height: 36px;
	text-decoration: underline;
}

a:hover {
	color:#009fb2;
	transition: 0.3s all ease-in;
}

p {
	font-size: 1.2rem;
	margin-bottom: 0.2rem;
	text-align: center;
	color: #262626;
	line-height: 30px;
	padding-top: 20px;

}

.emphasis {
	font-size: 1.5rem;
	font-weight: 700;
}

.logo img {
	width: 300px;
	margin: auto;
}
	
.bg {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	background-image: url("../img/bg1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	z-index: 0;

}



.container {
	align-self: center;
}

.contract-info {
	text-align: left;
	max-width: 450px;
	margin: 20px auto;
	color: #666666;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px){

	.logo img {
		width: 240px;
	}

	h1 {
		font-size: 2.3rem;
	}


	p, a {
		font-size: 1rem;
		line-height: 36px;
	}
}

@media screen and (max-width: 325px){

	.bg{
		margin: 80px auto;
	}

}	


/*@media screen and (min-width: 360px){

	.contract-info {
		max-width: 300px;
	}
}

@media screen and (min-width: 400px){
	h1 {
		font-size: 4rem;
	}
}

@media screen and (min-width: 768px){

	.logo img {
		width: 300px;
	}

	.contract-info {
		max-width: 80%;
	}

	h1 {
		font-size: 6rem;
	}

	h3 {
    font-size: 1.3rem;
    color: white;
    padding-top: 20px;
  }

	h6 {
    font-size: 2rem;
  }

  .emphasis {
  	font-size: 1.5rem;
  	line-height: 50px;
  }

  p,a {
  	font-size: 1.3rem;
  	padding-top: 20px
  }
}*/