@font-face {
font-family: 'Acumin Pro';
font-style: normal;
font-weight: normal;
src: local('Acumin Pro'), url('Acumin-RPro.woff') format('woff');
}


@font-face {
font-family: 'Acumin Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Acumin Pro Bold'), url('Acumin-BdPro.woff') format('woff');
}



* {
	margin: 0;
	padding: 0;
}

body {
	background-color: white;
	font-family: 'Acumin Pro', sans-serif;
	font-weight: normal;
	padding: 60px;
}


h1 {
	font-family: 'Acumin Pro Bold';
	color: #969696;
	font-size: 52px;
	margin-bottom: 200px;
}

#bottom {
	position: absolute;
	bottom: 0;
	margin-bottom: 60px;
}

h3 {
	color: #969696;
	font-size: 20px;
}

p {
	color: #969696;
	font-size: 16px;

}

img {
	width: 150px;
	margin-bottom: 40px;
	margin-top: 40px;
}


a {
	color: #969696;
	text-decoration: none;
}
 
a:hover {
	text-decoration: underline;
}

@media only screen 
and (min-width : 1024px) 
and (max-width : 1336px) {

	body {
		padding: 40px;
		padding-top: 60px;
	}

	#bottom {
		margin-bottom: 40px;
	}

	h1 {
		font-size: 52px;
	}
}


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

	body {
		padding: 30px;
		padding-top: 60px;
	}

	#bottom {
		margin-bottom: 30px;
	}

	h1 {
		font-size: 36px;
	}
}

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

	body {
		padding: 20px;
	}

	h1 {
		font-size: 28px;
		margin-bottom: 40px;
	}

	#bottom {
		margin-bottom: 20px;
	}
	
	img {
	    margin-top: 20px;
	    margin-bottom: 20px;
	}

	p {
		font-size: 16px;
	}
}

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

	body {
		padding: 20px;
	}

	h1 {
		font-size: 24px;
		margin-bottom: 40px;
	}

	#bottom {
		position: relative;
		margin-bottom: 0;
	}
	
	img {
	    margin-top: 20px;
	    margin-bottom: 20px;
	}

	p {
		font-size: 16px;
	}
}