* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.logo {
  width: 100%;
  min-width: 180px;
  height: 100%;
}
.logoImg {
  width: 100%;
  height: 60px;
  object-fit: cover;
  border-radius: 10px;
}

a {
  text-decoration: none;
}
.menuItem.active,
.mobileMenu .active {
  background-color: #ff3855;
  color: white !important;
}
.test {
  background-color: aqua;
  color: white !important;
}

.menuItem {
  color: gray !important;
  margin: 5px 15px;
  border: 1px solid;
  padding: 5px 10px;
  border-radius: 7px;
  transition: all 1s;
}
.mobileMenu {
  width: 10vw;
}
.mobileMenuItem {
  width: 100%;
  height: 40px;
  border: 1px solid;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 10px;
  color: rgb(64, 124, 124) !important;
}
.burgerMenu {
  cursor: pointer;
}
.toggleBurgerMenu {
  display: flex;
}
.aboutImage {
  transition: all 2s;
  overflow: hidden;
}

main section .aboutBackgroundImage {
  background: url("../images/kuryer-catdirilma-poct.jpg") no-repeat center;
  background-size: contain;
  object-fit: contain;
  transition: all 2s;
  width: 100%;
  height: 400px;
}
.aboutImage:hover .contact {
transform: translate(0%);  
overflow: hidden;
}
.contact {
  /* transform: translate(-100%);   */

  transition: all  1s;
  width: 100%;
  height: 100%;
  background-color: transparent;
  opacity: 1;
}
h1.h {
  font-size: calc(20px + 2vw);
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #ff3855;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.contactInfo h2 {
  font-size: calc(20px + 2vw);
}
.contactInfo .contactWay {
  font-size: calc(10px + 1vw);
}
.contactInfo  i {
  font-size: 30px;
  padding: 35px;
  border: 1px solid #ff3855;
  border-radius: 50%;
}
.contactInfo i.wp {
 width: 15px;
 font-size: 15px;
 padding: 0px;
 height: 15px;
 border: none;
 color: limegreen;
}
.contactInfo a {
  font-size: calc(10px + 0.4vw);

  color: black;
}
.contactInfo .address {
  font-size: calc(10px + 0.4vw);
}
footer a {
  color: white !important;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: calc(7px + 0.3vw);
}

footer a i {
  color: rgb(235, 74, 10);
}

footer {
  height: auto;
}
footer .p1 {
  font-size: calc(12px + 0.5vw);

  color: gold;
  letter-spacing: 2px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.footerLogo {
  min-width: 230px;
  max-width: 230px;
}

.footerLogo img {
  width: 100%;
  height: 60px;
  object-fit: cover;
  border-radius: 10px;
}