header .line-top {
  background: #00CF68;
  height: 14.48px; }

#textHome1 {
  position: relative; }
  #textHome1:after {
    content: "";
    width: 0;
    max-width: 0px;
    height: 0px;
    background: white;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: 0 auto; }

#section1 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 690px;
  background: white;
  padding: 1rem 4rem; }
  #section1 .circulator-frame {
    width: 100%;
    max-width: 1147px;
    height: 1705px;
    position: absolute;
    top: 0;
    /*

    transform: scale(0.6901);

    */ }

#section2 {
  display: flex;
  justify-content: center;
  height: auto;
  align-items: center;
  background: #DEDEDE; }

#wibeee-salgar {
  background: #DEDEDE;
  padding: 117px 0;
  position: relative;
  transform: translateY(-3px); }
  #wibeee-salgar:before {
    content: "";
    position: absolute;
    width: 25%;
    height: 270px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: #696969; }
  #wibeee-salgar:after {
    content: "";
    position: absolute;
    width: 25%;
    height: 270px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: #009BEA; }
  #wibeee-salgar .container {
    display: flex; }
  #wibeee-salgar .wibeee-logo {
    width: 50%;
    background: #696969;
    border-radius: 0 150px 150px 0;
    display: grid;
    justify-items: start;
    align-items: center;
    height: 270px;
    z-index: 2;
    margin-right: 10px; }
    #wibeee-salgar .wibeee-logo img {
      transform: translateY(-25%);
      width: 85%; }
  #wibeee-salgar .salgar-logo {
    width: 50%;
    background: #009BEA;
    border-radius: 150px 0 0 150px;
    display: grid;
    justify-items: end;
    align-items: center;
    height: 270px;
    z-index: 2;
    margin-left: 10px; }
    #wibeee-salgar .salgar-logo img {
      width: 85%; }

#datFooter {
  padding: 35px 0; }
  #datFooter .contact-info {
    display: flex;
    justify-content: space-between; }
    #datFooter .contact-info a {
      color: white; }
      #datFooter .contact-info a:hover, #datFooter .contact-info a:focus {
        text-decoration: none; }

#circutor{
  background: url(../images/bg2.png);
  height: 409px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#bannerTop img{
  width: 700px;
}

@media(max-width: 767px){
  #circutor{
    height: 250px;
  }
   #circutor img{
    width: 290px;
   }
}
@media(max-width: 600px){
  #circutor{
    height: 200px;
  }
   #circutor img{
    width: 210px;
   }
}