@charset "utf-8";
/* CSS Document */

html, body {
	background-color: #1B75BC; /* For browsers that do not support gradients */
	background-image: linear-gradient(44deg, #63CDF6, #27AAE1, #1B75BC, #2B3990, #262262); /* Standard syntax (must be last) */
	background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
	height: 100%;
	margin: auto;
}
#shadow{
	width: 100%;
	height: 178px;
	background-image: url(../images/overlay.png);
	padding: inherit;
	margin: 0;
}
#label{
	width: 210px;
	height: 175px;
	margin-left: 100px;
	background-image: url(../images/label_bkg.png)
}
#nametag{
	width: 198px;
	height: 163px;
}
#top{
	width: 198;
	height: 70px;
}
#no_4{
	width: 198px;
	height: 63px;
}
#enter{
	width: 198px;
	height: 63px;
}
#sublabel{
	width: 198px;
	height: 30px;
}
#contain{
	width: 189px;
	height: 30px;
	margin: 0 auto;
}
#facebook{
	width: 27px;
	height: 30px;
	display: block;
	float: left;
}
#twitter{
	width: 27px;
	height: 30px;
	display: block;
	float: left;
}
#linked_in{
	width: 27px;
	height: 30px;
	display: block;
	float: left;
}
#tumblr{
	width: 27px;
	height: 30px;
	display: block;
	float: left;
}
#about_me{
	width: 27px;
	height: 30px;
	display: block;
	float: left;
}
#behanced{
	width: 27px;
	height: 30px;
	display: block;
	float: left;
}
#dribbble{
	width: 27px;
	height: 30px;
	display: block;
	float: left;
}
#link{
	width: 27px;
	height: 30px;
}
img {
	position: fixed;
  top: 45%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
a {
	color: #fff;
}
a:hover {
	text-decoration: underline;
}
a:focus{
	outline: 0 none;
}
.qr {
  top: 90%;
}
.center {
	margin: auto;
	padding-top: 110px;
	color: #fff;
	width: 40%;
	padding-top: 40%;
}
#marker {width: 100%}

#contact {
	width: 100%;
	overflow: hidden;
	padding-top: 41rem;
	font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	font-size: 1rem;
	color: #fff;
	 /* Center child horizontally*/
	 display: flex;
	 justify-content: center;
	}
#contact ul { 
	list-style: none;
	position: relative;
	/*float: left;*/
	display: block; /* Center child horizontally*/
	/*display: flex;*/
	justify-content: center;
	width: 20%;
}
#contact ul li { 
	/*float: left;*/
	/*display: block;*/
	padding: 10px;
	margin: 20px;
	width: 590px;
}
#contact ul li a {
	position: relative;
	float: left; 
	display: block; 
	right: 0%; 
	text-transform: uppercase; 
}
i {
    padding-right: 8px;
}
@media only screen and (max-width: 600px) {
	#contact {
		padding-top: 25rem;
		font-size: 1rem;
	}
	#contact ul {
		width: 90%;
	}
	img {
		width: 50%;
		top: 40%;
	}
}