/* 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% - 150px);
    left: calc(50% - 150px);
    width: 300px;
}

.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;
	}
}