/* CSS Document */

	html {
		height:100%;
		font-family: 'Roboto Slab', sans-serif;
		font-weight:300;
		margin:0;
		padding:0;
	}
	body {
		text-align:center;
		background:#e1eef9;
		background-position:center;
		background-size:cover;
	}
	#wrap {
		min-height:100%;
		width:100%;
		margin:0;
		padding:0;
	}
	h1 {
    	text-shadow: 2px 2px 2px #121212;
		margin:0;
		padding:0;
		font-size:3.25em;
		font-weight:700;
		color:#666;
		text-transform:uppercase;
	}
	h2 {
		margin:0;
		padding:16px;
		color:#666;
		font-size:1.25em;
		font-weight:300;
		line-height:1.35em;
	}
	p {
		text-transform:uppercase;	
	}
	a {
		color:#666;
		text-decoration:none;	
	}
	a:hover {
		color:red;
		cursor:pointer;	
	}
	#contact {
		position:absolute;
		top:10px;
		right:14px;
		color:#666;
	}
	#contact .line {
		color:#999;
	}
	#wrap .centerDiv {
		position:absolute;
		top:20%;
		left:30%;
		width:40%;
		height:30%;
		text-align:center;
	}
	#wrap .buttons {
		width:100%;
		margin-top:12px;
	}
	#wrap .button {
		width:220px;
		cursor:pointer;
		display:inline-block;
		margin:6px;
	}
	#wrap .form {
		width:440px;
	}
	#wrap .button p {
		background:rgba(255,255,255,1.00);
		box-shadow: 1.5px 1.5px 1.5px #666;
		padding:12px;
		margin:2px 6px;	
		border-radius:6px;
		border:1px solid #fff;
		color:#000;
	}
	#wrap .shivji p:hover {
		background:#0e4495;
		color:#fff;
	}
	#wrap .angelo p:hover {
		background:#3194bf;
		color:#fff;
	}
	#wrap .form p:hover {
		background:#d22423;
		color:#fff;
	}
	@media screen and (max-width: 921px) {
		#wrap .centerDiv {
			top:14%;
			left:14%;
			width:72%;
		}
	}
	@media screen and (max-width: 648px) {
		#wrap .centerDiv {
			top:12%;
			left:10%;
			width:80%;
		}
		#contact {
			width:100%;
			top:15px;
			left:0;
			text-align:center;
		}
	}
	@media screen and (max-width: 583px) {
		#wrap .form {
			width:220px;
		}
	}