@font-face {
    font-family: "M6pressura";
    src: url("../fonts/M6pressura-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "M6pressura";
    src: url("../fonts/M6pressura-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}


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

html, body {
    font-family: "M6pressura", Arial, sans-serif;
    font-weight: 400;
    color: black;
    overflow-x: hidden;
}

body {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100vh;
    min-height: 100dvh;
}

.main {
    text-align: center;
    margin: 0;
}

h1 { 
    font-size: clamp(1.6rem, 6.8vw, 4.6rem);
    font-weight: 700;
    margin-top: clamp(15dvh, calc(36dvh - 12vw), 35dvh);
}

.infos {
    display: flex;
    justify-content: space-between;
    gap: clamp(0.25rem, 2.3vw, 3rem);
    font-size: clamp(0.65rem, 2.5vw, 1.7rem);
    margin-top: 3vh;
    width: clamp(20rem,90vw,60.5rem);
    margin-left: auto;
    margin-right: auto;
}
.infos a {
  color: black;
  text-decoration: none;
}

.adress:hover {color: #108241;}
.phone:hover {color: #f48335;}
.mail:hover {color: #49bfb4;}
a:visited {color: black; text-decoration: none;}

.logos {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: clamp(20rem,90vw,60.5rem);
    height: auto;
    margin-top: clamp(6vh,calc(15vw - 3vh),10vh);
    gap: clamp(1rem, 6vw, 8rem);
}

.logos a {
  display: flex;
}

.logoBM {
    justify-content: flex-start;
}
.logoOBV {
    justify-content: flex-end;
    margin-top: clamp(0.2rem,1vw, 0.45rem);
}

.logos img {
    display: block;
    max-width: 100%;
    height: auto;
    transition: 0.3s ease;
}

/* Landscape / short-height safeguards */
@media (max-height: 500px) {

  .logos {
    margin-top: clamp(5dvh, 6vw, 15dvh);
    gap: clamp(0.5rem, 3vw, 1.5rem);
    width: min(90vw, 60.5rem);
  }

  /* Keep logos visible by limiting by height rather than width */
  .logos img {
    max-width: 85%;
    width: auto;
  }
}