* { margin: 0; padding: 0; box-sizing: border-box;}

body { font-family: Arial, Helvetica, sans-serif; background-color: #000; color: #bf9e4a; line-height: 1.6; }

.header { text-align:center; padding:10px 20px 20px;}
.container { max-width: 900px; margin: 0 auto; padding: 40px 20px; text-align: center; border-radius: 20px;  margin-top:50px;}
.header h1 {font-size: 40px; line-height:1.2; margin-bottom: 10px; color:#c39b5b;}
.underTitle { font-size: 20px; font-weight:bold; color: #a2a2a2;}
.underTitle .dot {display:inline-block; height:6px; width:6px; border-radius:3px; background-color:#a2a2a2; margin:0px 1px 4px;}
.background {width:100%;height: 500px;background-image:url("background.webp");background-size:cover;background-repeat:no-repeat;background-position:center;}
.infoWrppr {padding:10px 20px;}
.infoWrppr .info {margin:0 auto; float:none; display:flex; gap:60px; max-width:1200px; justify-content:center;}
.infoWrppr .addInfo {margin:0 auto; text-align: center; font-size: 24px; color:#bf9e4a; margin-top:30px;}
section {text-align:center;}
section p {line-height:1.89;}
section h2 {font-size: 24px; margin-bottom: 10px; border-bottom: 1px solid #bf9e4a; display: inline-block; padding-bottom: 5px; }
a {color: #ccc; text-decoration: none;}
a:hover { text-decoration: underline;}
.hours ul { list-style: none; }
.hours li {margin-bottom: 5px;}
footer { padding:10px 20px 20px; font-size: 0.9rem; color: #bf9e4a; text-align:center;}


@media all and (max-width:740px){
    .header {padding:20px;}
    .header h1 {font-size:24px;}
    .underTitle {font-size:14px;}
    .underTitle .dot {height:4px; width:4px;}    
    .background {height:400px;}
    .infoWrppr .info {flex-direction:column; gap:30px;}
    section h2 {font-size:20px;}
}

@media all and (max-width:400px){
    .background {height:340px;}
}