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

/* hide page scrollbar */
html { scrollbar-width: none; } /* Firefox */
body { -ms-overflow-style: none; } /* IE and Edge */
body::-webkit-scrollbar, body::-webkit-scrollbar-button { display: none; } /* Chrome */
/* end hide page scrollbar */

body {
  height: 100vh;
  background-color: black;
  background-image: url(/Media/background.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  
 
}

.logo {
  height: 120px;
  background-position: center;
  background-image: url(/Media/logo.png);
  background-size: 30vw;
  background-repeat: no-repeat;
  opacity: 80%;
}

.services { 
    width: 90%;
    margin: auto;
}


.services h3 {
  padding: 10px;
  font-size: 2em;
  text-transform: uppercase;
  font-family: sans-serif;
  color: white;
  opacity: 80%;
}

.service:hover, .service:active {
  font-size: 1.2em;
  padding: 80px 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: .8s;
  transition-timing-function: ease-out;
}

.service:hover h3, .service:active h3 {
  opacity: 100%;
}

#realestate:hover, #realestate:active {
  background-image: url(/Media/realestate.jpeg);
}

#food:hover, #food:active {
  background-image: url(/Media/food.jpeg);
}

#events:hover, #events:active {
  background-image: url(/Media/events.jpeg);
}

#products:hover, #products:active {
  background-image: url(/Media/products.jpeg);
}

#interiors:hover, #interiors:active {
  background-image: url(/Media/interiors.jpeg);
}

#exhibitions:hover, #exhibitions:active {
  background-image: url(/Media/exhibition.jpeg);
}

#architecture:hover, #architecture:active {
  background-image: url(/Media/architecture.jpeg);
}

.contact {
  position: fixed;
  bottom: 0;
  color: white;
  width: 100%;
}

.contact ul {
  font-family: sans-serif;
  text-transform: uppercase;
  opacity: 80%;
  display: flex;
  justify-content: space-around;
  list-style: none;
  padding: 30px 0px;
}

.contact a {
    text-decoration: none;
    color: inherit;
}