html,body{
    margin:0;
    height:100%;
    font-family:Arial,Helvetica,sans-serif;
}
body{
    overflow:hidden;
}
.topbar{
    height:92px;
    background:#7ea9d7;
}
.logo{
    height:92px;
}
.hero{
    min-height:calc(100vh - 92px);
    display:flex;
    align-items:center;
    padding:6vw;
    background:
      linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15)),
      url('../assets/dgc-banner.jpg') center center / cover no-repeat;
}
.card{
    max-width:700px;
    margin-left:10vw;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(6px);
    padding:52px;
    border-radius:8px;
    box-shadow:0 18px 55px rgba(0,0,0,.28);
}
h1{
    margin:0;
    font-size:54px;
    line-height:1.05;
    color:#0b2748;
}
h1 span{color:#b58f39;}
.line{
    width:60px;
    height:3px;
    background:#b58f39;
    margin:28px 0;
}
p,.contact{
    font-size:22px;
    line-height:1.6;
    color:#233;
}
@media(max-width:900px){
    .hero{
        background-size:cover;
        padding:20px;
    }
    .card{
        margin:0;
        padding:30px;
    }
    h1{
        font-size:38px;
    }
}