body {
padding-top: 112px;
}
.navbar { "📞"
height: 56px;
z-index: 1060;
}
.logo {
    height: 56px;
    width: 56px;
}
.logo:hover {
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.phone-link {
color: #333;
text-decoration: none;
font-size: 1.2rem;
}
.phone-icon {
margin-right: 8px;
}
.phone-number {
text-decoration: underline;
}
.hero {
background-color: #fff;
color: #333;
text-align: center;
margin-top: 0;
}
.hero .image-grid {
display: flex;
justify-content: center;
gap: 1rem;
padding: 0 1rem;
}
.hero .image-box {
flex: 0 0 calc(50% - 0.5rem);
background-color: #f0f0f0;
border-radius: 0.5rem;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
cursor: pointer;
text-align: center;
}

.hero .image-box img {
width: 100%;
height: auto;
display: block;
}

.hero .image-box .caption {
padding: 0.75rem;
color: #000;
font-size: 1.2rem;
}
#GetinTouchBtn {
background-color: #0d6efd;
color: white;
font-size: 1.25rem;
}
#GetinTouchBtn:hover {
background-color: #0a58ca;
}
.contact-details {
background-color: #f0f0f0;
text-align: center;
}
.contact-details .btn-success {
background-color: #0d6efd;
color: white;
}
.contact-details .btn-success:hover {
background-color: darkgreen;
}
.morada {
font-size: 1.3rem;
}
.telefone {
font-size: 1.4rem;
}
.embed-map {
background-color: #fff;
}
.embed-map iframe {
width: 100%;
height: 450px;
border: 0;
}
footer {
background: #333;
color: #fff;
}
html, body {
scroll-behavior: smooth;
}