html {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    -o-tab-size: 4;
       tab-size: 4;
    /* 3 */
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* 4 */
  }
  

body{
    
    background-image: url("./img/world-map.svg");
    background-repeat: no-repeat;
    background-size: 1000px;
    /* background-position: 90% -25%; */
}

#cta {
    background-image: url('./img/bg-simplify-section-desktop.svg');
    background-repeat: no-repeat;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

img,
video {
  max-width: 100%;
  height: auto;
}


@media(max-width: 576px) {
    body{
        background-postion: 50px -50px;
        background-size: 350px;
    }

    #cta{
        background-image: url('./img/bg-simplify-section-mobile.svg');
    }
}

/* Hamburger menu */


.hamburger {
    cursor: pointer;
    width: 24px;
    height:24px;
    transition:all 0.25s;
    position: relative;

}

.hamburger-top,
.hamburger-middle,
.hamburger-bottom {
    position: absolute;
    top:0;
    left:0;
    width:24px;
    height:2px;
    background: #000;
    transform:rotate(0);
    transition :all 0.5s;

}

.hamburger-middle {
    transform: translateY(7px);
}

.hamburger-bottom {
    transform: translateY(14px);
}

.open {
    transform: rotate(90deg);
    transform: translateY(0px);

}

.open .hamburger-top {
    transform: rotate(45deg) translateY(6px) translate(6px);
}

.open .hamburger-middle {
    display:none;
}

.open .hamburger-bottom {
    transform: rotate(-45deg) translateY(6px) translate(-6px);
}