.complexmarketing-item {
  display: flex;
  padding-bottom: 7%;
}

.complexmarketing-item:last-of-type {
  padding-bottom: 0;
}

.complexmarketing-item.right {
  flex-direction: row-reverse;
}

.complexmarketing-image {
  margin: auto;
  width: 54%;
}

.complexmarketing-image.left, .complexmarketing-image.right {
  width: 55%;
  display: inline-block;
}

.complexmarketing-image img, .complexmarketing-image .animate-json {
  max-width: -webkit-fill-available;
  width:  100%;
  height: auto;
}

.complexmarketing-image-mobile {
  display: none;
}

.complexmarketing-text {
  width: 44%;
}

.complexmarketing-text .title {
  font-size: 33px;
  font-weight: 600;
}

.complexmarketing-item.left .complexmarketing-text {
  text-align: right;
}

.first-pharagraph {
  padding: 2% 0;
  font-weight: 800;
  font-size: 16px;
}

.description {
  font-size: 16px;
}

.complexmarketing-link-container {
  display: flex;
}

.complexmarketing-item.left .complexmarketing-link-container {
  float: right;
}

.complexmarketing-item.right .complexmarketing-link-container {
  float: left;
}

.complexmarketing-link {  
  position: relative;
  overflow: hidden;
}

.complexmarketing-link::after {
  transform: rotate(25deg);
  top: -100%;
  left: -190%;
}

.complexmarketing-link:hover {
  color: #ED6D1E;
}

.complexmarketing-link:hover:after {
  left: -30%;
}

.complexmarketing-link::after {
  transition: 0.5s ease;
}

.complexmarketing-link:hover {
  color: white;
}

.complexmarketing-link:hover:after {
  left: 130%;
}

.complexmarketing-link::before {
  display: none;
}

.complexmarketing-link:hover::before {
  display: none;
} 

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

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

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

@media only screen and (max-width: 1280px) {
  .complexmarketing-text {
    width: 65%;
  }
}

@media only screen and (max-width: 1024px) {
  .complexmarketing-item {
    display: inline-block;
  }
  
  .complexmarketing-image {
    width: 46%;
  }
  
  .complexmarketing-item.left .complexmarketing-image {
    float: left;
  }

  .complexmarketing-item.right .complexmarketing-image {
    float: right;
  }
  
  .complexmarketing-link {
    /*padding: 10px 30px; effektet elrontja*/
    font-size: 15px;
    margin-bottom: 7%;
  }
  
  .complexmarketing-link:last-of-type {
    margin: 0;
  }
  
  .complexmarketing-text {
    width: 100%;
  }
  
  .complexmarketing-item.left .complexmarketing-link-container, .complexmarketing-item.right .complexmarketing-link-container {
    float: none;
    width: 100%;
    display: inline-block;
  }
  
  .complexmarketing-item.left .complexmarketing-link-container {
    text-align: right;
  }
  
  .complexmarketing-item.right .complexmarketing-link-container {
    text-align: left;
  }
  
  .complexmarketing-item:last-of-type .complexmarketing-link-container {
    margin-bottom: 0 !important;
  }
  
  .first-pharagraph {
    font-weight: 600;
    font-size: 16px;
  }
  
  .description {
    font-size: 16px;
  }
  
  .marketing-image.left {
    padding: 25% 4% 0 0;
  }
  
}

@media only screen and (max-width: 900px) {
  .complexmarketing-image.left {
    padding: 35% 4% 0 0;
  }
  
  .complexmarketing-image.left {
    padding: 13% 5% 0 0;
    float: left;
  }
  
  .complexmarketing-image.right {
    padding: 13% 0 0 5%;
  }
  
  .complexmarketing-text.left {
    display: contents;
  }
  
  .complexmarketing-text.right {
    display: contents;
  }
  
  .complexmarketing-link-container {
    margin: 3.5% 0 7% 0;
    text-align: center;
  }
}

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

@media only screen and (max-width: 600px) {
  .complexmarketing-image {
    display: none;
  }
  
  .complexmarketing-image-mobile {
    display: block;
    text-align: center;
  }
  
  .complexmarketing-item.left .complexmarketing-text, .complexmarketing-item.right .complexmarketing-text {
    text-align: center;
  }
  
  .complexmarketing-item.left .complexmarketing-link-container, .complexmarketing-item.right .complexmarketing-link-container {
    margin: 7% 0 14% 0;
    text-align: center;
  }
}

@media only screen and (max-width: 500px) {
  .complexmarketing-image.left, .complexmarketing-image.right {
    padding: 2%;
    width: 37%;
  }
}

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

@media only screen and (max-width: 350px) {
  .complexmarketing-image.left, .complexmarketing-image.right {
    display: none;
  }
}