.dg-hero {
position: relative;
width: 100%;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.dg-hero .contents {
position: relative;
width: 100%;
padding: 50px;
max-width: 800px;
text-align: center;
}
.dg-hero .contents .content {
margin-bottom: 1.5rem;
}
.dg-hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.6);
z-index: 0;
}