main {margin-top: 50px; padding-top: 0; height: calc(100vh - 50px);}
#works, #works .row {height: 100%;}

#works .col-sm-6 {display: flex; justify-content: center; align-items: center; color: #000!important; text-decoration: none!important;}
#works .col-sm-6 .title {color: #FFF; text-shadow: 0 0 20px rgb(0 15 30 / 20%), 0 0 3px rgb(0 15 30 / 30%);}

#works .row #modern {background: url('../contents/works-modern.JPG') no-repeat center top / cover;}
#works .row #classic {background: url('../contents/works-classic.jpg') no-repeat center center / cover;}

#copyright {color: #000;}

@media only screen and (min-width: 576px) {
    #works .col-sm-6 {height: 100%;}
    #works .col-sm-6>.title {font-size: 3rem;}
}

@media only screen and (max-width: 576px) {
    #works .col-sm-6>.title {font-size: 3rem;}
    #copyright {position: static;}
}