a, a:hover {  color: red;}
a {  text-decoration: none;}
a:hover {  text-decoration: underline;}
h2 {  font-weight: bold;}
img {  width: 250px;  height: auto;  border-radius: 0px;}

#panel-custom-1 {  margin: 20px 0 20px 0;}

/* ---[ LAYOUT ]------------------------------- */
.flex-wrapped {  max-width: 670px;  display: flex;  flex-direction: row;  flex-wrap: wrap-reverse;}
.flex-wrapped > div:nth-child(-n + 2) {  min-width: 250px;  flex-grow: 1;}
.flex-wrapped > div:nth-child(2) {  margin: 0 0 20px 0;}

.space {  margin: 0 0 0 10px;}
p.p-block {  width: 300px;  margin: 0 0 40px 0;  text-align: left;}
.flex-block {  margin: 0 0 40px 0;  text-align: left;}
.flex-block-with-head {  margin: 0 0 40px 0;}
.flex-block-with-head > div:nth-child(1) {  font-size: 110%;  font-weight: bold;  margin: 0 0 5px 0;}

.grid-open-hours {  width: 280px;  display: grid;  grid-template-rows: repeat(auto-fill, 1fr);
  grid-template-columns: repeat(2, max-content);  gap: 0px 30px;  margin: 0 0 40px 0;}
.grid-open-hours > div:nth-child(1) {  grid-column: 1 / span 2;  font-size: 110%;  font-weight: bold;  margin: 0 0 5px 0;}

.grid-price-list {  width: 300px;  display: grid;  grid-template-rows: repeat(auto-fill, 1fr);
  grid-template-columns: repeat(2, max-content);  gap: 0px 30px;  margin: 0 0 40px 0;}
.grid-price-list > div:nth-child(1) {  grid-column: 1 / span 2;  font-size: 110%;  font-weight: bold;  margin: 0 0 5px 0;}
.grid-price-list > div:nth-child(3) {  text-align: right;}
.grid-price-list > div:nth-child(5) {  text-align: right;}

.img-border {  padding: 3px;  border: 1px solid #C0C0C0;  border-radius: 4px;}
.div-img-gallery > div:nth-child(1) {  margin: 0 0 15px 0;}
.div-img-gallery > div:nth-child(2) {  margin: 0 0 15px 0;}
.flex-page-gallery {  max-width: 550px;  display: flex;  flex-direction: row;  flex-wrap: wrap;  gap: 10px;}

/* ---[ MAIN PAGE ]------------------------------- */
.grid-main-page {  max-width: 630px;  display: grid;  grid-template-rows: repeat(2, auto);  grid-template-columns: 25% 40% 25%;
  gap: 15px 5%;  margin: 20px 0 40px 0;  justify-content: space-evenly;  border: 0px solid;}
.grid-main-page > div:nth-child(1) {  text-align: left;}
.grid-main-page > div:nth-child(2) {  display: flex;  text-align: center;  justify-content: center;  align-items: center;}
.grid-main-page > div:nth-child(3) {  text-align: right;}
.grid-main-page > div:nth-child(4) {  text-align: left;}
.grid-main-page > div:nth-child(5) {  display: flex;  text-align: center;  justify-content: center;  align-items: center;}
.grid-main-page > div:nth-child(6) {  text-align: right;}

.img-main-page {  width: 100%;}
.img-logo {  width: 80%;}
.div-hari-komplex  {  max-width: 630px;  margin: 0 0 20px 0;}

/* ---[ RESTAURANT ]------------------------------- */
.flex-links-restaurant {  width: 170px;  display: flex;  flex-direction: column;  gap: 15px;  margin: 70px 0 40px 0;}

/* ---[ PIZZA ]------------------------------- */
.grid-pizza {  max-width: 600px;  display: grid;  grid-template-rows: repeat(2, 1fr);  grid-template-columns: 15% 65% 20%;
  align-items: start;  margin: 0 0 10px 0;}
.grid-pizza > div:nth-child(-n + 3) {  font-weight: bold;}
.grid-pizza > div:nth-child(3) {  text-align: right;}
.grid-pizza > div:nth-child(5) {  background: #DCDCDC;  font-size: 0.80em;}
.grid-pizza > div:nth-child(6) {  background: #DCDCDC;  font-size: 0.75em;  text-align: right;}

/* ---[ CONTACT ]------------------------------- */
.grid-contact {  width: 350px;  display: grid;  grid-template-rows: repeat(auto-fill, 1fr);
  grid-template-columns: repeat(2, max-content);  gap: 0px 30px;  margin: 0 0 40px 0;}

.img-hari {  width: 585px;  height: auto;}

/* ---[ FOOTER ]------------------------------- */
.p-footer {  text-align: center;}