html, body { height: 100%; }

#app {
    min-height: 100%;
    padding-bottom: 86px;
    position: relative;
}
@media ( min-width: 758px ) {
    #app { padding-bottom: 44px; }
}

.bg-intro {
    background: url('../images/bg-intro.png') no-repeat right top #101010;
    background-size: cover;
}

.btn-iniciar { cursor: pointer; }

.resultado { max-width: 575px; }
.sobre { margin-bottom: 31px; }

@media ( min-width: 640px ) {
    .resultado, .logo-resultado img, .share, .sobre,
    .result__holder-btns, .resultado {
        margin-right: auto;
        margin-left: auto;
    }
}

@media ( min-width: 1024px ) {
    .logo-resultado img, .share, .sobre,
    .result__holder-btns, .resultado {
        margin-right: 0;
        margin-left: 0;
    }
}

.share {
    display: block;
    max-width: 246px;
    margin-bottom: 32px;
}

@media ( min-width: 640px ) and (max-width: 1023px ) {
    .resultado__title,
    .resultado__personagem-nome,
    .resultado__ator { display: block; text-align: center; }
    .resultado__personagem-desc { text-align: center; }
}

.result__holder-btns {
    max-width: 575px;
    text-align: center;
}
@media ( min-width: 400px ) {
    .result__holder-btns {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        justify-content: space-between;
    }
}

.btn-ver-mais { margin-bottom: 0; }


.fs-10 { font-size: 10px; }

/* =================== COPYRIGHT =================== */
.copyright {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    color: #B7B7B7;
    padding: 15px 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #303030;
}
.copyright p { width: 100%; }
@media ( min-width: 756px ) {
	.copyright {
		text-align: unset;
		padding: 15px 50px;
	}

	.copyright p { width: auto; }
}


.copyright .links a { display: inline-block; color: #B7B7B7; padding: 0 10px; }