{% load static %}

body, html {
	height: 100%;
	margin: 0;
}

.bg {  
	background-image: url("{% static 'img/home_img_2.jpg' %}");
	height: 100%; 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#centro {
    width:600px;
    height:600px;
    position:absolute;
    top:32%;
    left:15%;
}

#fade-div img {
    margin-top: 25px;
    font-size: 21px;
    text-align: center;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}