/* CSS - Melchor.mx */

html{
	width:100%;
	height:100%;
}

body{
	background: url('../images/bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#logo {
position: absolute;
top: calc(40% - 100px);
left: calc(50% - 210px);
}

.copyright{
	font-size: 1em;
    color: #ddd;
    text-shadow: .5px .5px 3px #eee;
}

@media (max-width: 769px) {
	#logo{
		top: calc(40% - 30px);
		left: calc(50% - 120px);
		width: 240px;
	}

	.copyright{
		font-size: .8em;
	}
}