.bar{ width: 45%; background-repeat: no-repeat; background-size: cover; background-position: center; height: 500px;}
.box{background-color: rgba(0,0,0,.5); margin: auto; padding: 28px 25px; width: 80%; height: 80%; position: relative; top: 10%;}
.bar-container{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 1450px; margin: 28px auto;}
.reserv-bar{text-align: center; padding: 10px; padding: 14px 16px; cursor: pointer; margin: 0 7px 0 0; color: white; border: solid 2px #af8636; text-decoration: none!important; text-transform: uppercase;  width: 35%; display: block;  margin-left: auto; margin-right: auto; background-color: #00000030; transition: transform 500ms ease;}
.reserv-bar:hover{transform: scale(1.05); color: white!important;}
@media only screen and (max-width: 991px) {.bar{ width: 100%!important; margin-bottom: 28px;}.noleft{margin-left: 0!important;}.bar-container{margin: 28px 20px 28px 11px!important;}}
@media only screen and (max-width: 750px){.halfwidth{width: 100%!important;}.reserv-bar{width: 100%!important;}}