@import url(https://fonts.googleapis.com/css?family=Poppins:200,300,400,600);

html {
	background-size: cover;
	background: url("bbhpimg/so13.jpg") no-repeat center center fixed;
	background-color: black;
}

body {
	margin: 0;
	padding: 0;
	color : white;
	font-family: "Poppins"; sans-serif;
	font-weight: 400;
	font-size: 16px;
	font-variant-numeric: lining-nums;
	-moz-font-feature-settings:"lnum" 1; 
	-moz-font-feature-settings:"lnum=1"; 
	-ms-font-feature-settings:"lnum" 1; 
	-o-font-feature-settings:"lnum" 1; 
	-webkit-font-feature-settings:"lnum" 1; 
	font-feature-settings:"lnum" 1;
	background: rgba(0, 0, 0, 0.3);

}

#container {
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
}
	
#content {
	font-size: 1rem;
	line-height: 1.6em;
	position: absolute;
	margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	width: 24rem;
	height: 32rem;
	padding: 0;
	text-align: center;


}

.sologo {
	height: 12em;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	background-color: rgba(220, 220, 220, 0.25);
	color: inherit;
}

a,
a:hover,
a:focus,
a:active,
a.active {
  transition: .2s;
}

h1 {
	font-weight: 200;
	font-size: 3.2em;
}

h2 {
	font-weight: 300;
	font-size: 2em;
}

h3 {
	font-weight: 600;
	font-size: 1em;
}

strong {
	font-weight: 600;
}


/* Media Queries */

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

	* {
		font-size: 12px;
	}
	
	#content {

	}

}