html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-right {
    text-align: right;
}
.work-box-bg { 
    background: url('../images/front-end-img/work-petern.png');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: ripple 5s infinite!important;
    transition: all 400ms ease;
}
.work-box > work-box-bg {
     text-align:center;
}
.work-box img {
    position: relative;
}



@media all and (min-width:960px) and (max-width: 1024px) {
    .logo-lg {
        display: none !important;
    }
}

@media all and (min-width:801px) and (max-width: 959px) {
    .logo-lg {
        display: none !important;
    }
}

@media all and (min-width:769px) and (max-width: 800px) {
    .logo-lg {
        display: none !important;
    }
}

@media all and (min-width:569px) and (max-width: 768px) {
    .logo-lg {
        display: none !important;
    }
}

@media all and (min-width:481px) and (max-width: 568px) {
    .logo-lg {
        display: none !important;
    }
}

@media all and (min-width:321px) and (max-width: 480px) {
    .logo-lg {
        display: none !important;
    }
}

@media all and (min-width:0px) and (max-width: 320px) {
    .logo-lg {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .fixed .content-wrapper {
        margin-top: 80px!important;
    }
}