.footer{
      padding: 60px 10px;
      background: var(--green);
      display: flex;
      flex-flow: column;
      gap: 70px;
      margin: 200px 10px 10px 10px;
      border-radius: 10px;
      color: white;
}
.footer_div{
      display: flex;
      flex-flow: column;
      gap: 70px;
}
.footer1, .footer2, .footer3{
      /* border: 1px solid red; */
      display: flex;
      flex-flow: column;
      gap: 10px;
}
.footer2 div{
      /* border: 1px solid blue; */
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;
}
.f2_links{
      /* border: 1px solid white; */
      width: calc(50% - 5px);
}
.social_link{
      border: 1px solid var(--bg);
      background: var(--bg);
      width: 40px;
      height: 40px;
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      transition: 1s;
      cursor: pointer !important;
}
.footer_maps_flex{
      display: flex;
      flex-flow: column;
      gap: 10px;
}
.footer_maps_flex div{
      width: 100%;
      justify-content: space-between;
}
.footer_iframe{
      border-radius: 10px;
      height: 50vh;
}

@media screen and (min-width : 700px) {
      .footer_div{
            flex-flow: row;
            flex-wrap: wrap;
            column-gap: 20px;
      }
      .footer1, .footer2{
            width: calc(50% - 10px);
      }
      .footer{
            padding: 80px 3%;
      }
      .footer2 div{
            margin-left: 20px;
      }
      .footer_maps_flex{
            flex-flow: row;
      }
      .footer_maps_flex div{
            width: calc(50% - 5px);
      }
      .footer3{
            width: 100%;
      }
}
@media screen and (min-width : 1200px) {
      .footer1, .footer2, .footer3{
            width: calc(33% - 10px);
      }
}