/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 6, 2012 03:13:04 PM America/New_York */

@import url("reset.css");

@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch&display=swap');


body {
	
	background: url(bg2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	

	background-color: #000;
 /* Used if the image is unavailable */


 /* Resize the background image to cover the entire container */
	color: #e7e8ea;
	font-family: 'Chakra Petch', sans-serif;
	letter-spacing: 0.3em;
}

a {
	color: #e7e8ea;
	text-decoration: none;
}

a:hover {
	color: #FFF;
}

h1, h2 {
	color: #f7f8fa;
	font-size: 2.5em;
	font-weight: bold;
}

p {
	font-size: 1.5em;
	line-height: 1.5em;
}

h3 {
	text-shadow: #FFF 1px 1px 2px;
}

#container {
	background-color: rgba(5, 5, 5, 0.9);
	width: 50%;
	height: 90%;
	padding: 80px;
	margin-top: 3%;
	margin-left: auto;
	margin-right: auto;
}

#logo {

	background-image:url('logo.jpg');
	background-size:contain;
	
	display: block;
	width: 250px;
	height: 235px;
	margin-right:100px;
	margin-bottom:50px;
}

#data {
	width: 600px;
	/*padding: 100px;*/
}

#logo, #data {
	float: left;
}

.clear {
	clear: both;
}



/* On screens with a maximum window width of 1280px */
@media screen and (max-width: 1280px) {
	
#container {width: 70%;}


}

/* On all screen types with a window width of between 1024px and 1280px */
@media all and (min-width: 1024px) and (max-width: 1280px)
/* On TVs */
@media tv
/* On all vertically oriented types of screens */
@media all and (orientation: portrait)