#contacts {
   padding-top: 60px;
}

#contacts .data {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 32px;
   margin-top: 100px;
}

#contacts .data .map {
   width: 726px;
   height: 380px;
   display: block;
   border-radius: 16px;
   overflow: hidden;
}

#contacts .data .text {
   max-width: 510px;
   color: #0D2C4B;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}

#contacts .data .text p {
   margin-bottom: 32px;
}

#contacts .data .text p:last-child {
   margin-bottom: 0px;
}

#contacts .data text b {
   font-weight: 600;
}

#contacts .data {}

@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 1100px) {

   #contacts .data {
      margin-top: 60px;
      flex-wrap: wrap;
      gap: 20px;
   }

   #contacts .data .map {
      width: 100%;
      height: 180px;
   }

   #contacts .data .text {
      font-size: 14px;
   }

   #contacts .data .text p {
      margin-bottom: 28px;
   }
}

@media only screen and (max-width: 500px) {

   #contacts {
      margin-bottom: 60px;
      padding-bottom: 0px;
   }
}