@charset "utf-8";

.bg-box {
width: 100vw;
height: 100vh;
background-position: center center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;

}
.bg-box p {
color: #fff;
font-size: 80px;
font-weight: bold;
text-align: center;
}

.bg-box img {
	position: absolute;
	bottom: 0;
	right: 0;
max-width: 100%;
height: 50vh;
	opacity: 0.5;
}
@media (max-width: 751px) {
.bg-box img {
max-width: 100%;
height: 30vh;
}
}
.fade {
animation: fadeIn 2s ease 0s 1 normal;
}
    @keyframes fadeIn { 
        0% {opacity: 0} 
        100% {opacity: 1} 
    }

.fade-slow {
animation: fadeInSlow 8s ease 0s 1 normal;
}
    @keyframes fadeInSlow { 
        0% {opacity: 0} 
        100% {opacity: 1} 
    }