body {
  background-color: #fff;
  margin: 0;
  padding: 0;
  /*overflow: hidden;*/
}

.header{
  height: 70vh;
  /*position: absolute;*/
  /*border:10px solid red;*/
  padding: 00px;
}
video {
  position: absolute;
  /*z-index: 1;*/
  /*top: 50%;
  left: 50%;*/
  /*min-width: 100%;
  min-height: 100%;*/
  width: 100%;
  height: 70vh;
  object-fit: cover;
  border-bottom:2px solid #0B86B2;
  /*-webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);*/
}

svg {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 70vh;
  mix-blend-mode: multiply;
}

#path1, #path2 {
  mix-blend-mode: multiply;
}

#path2 {
  opacity: .7;
}

linearGradient stop {
  transition: all .4s ease-in-out;
}

.section1 #fill1 .stop1 {
  stop-color: #f23b3e;
}
.section1 #fill1 .stop2 {
  stop-color: #6d3a83;
}
.section1 #fill2 .stop1 {
  stop-color: #ee3a9e;
}
.section1 #fill2 .stop2 {
  stop-color: #2f7ebf;
}

.section2 #fill1 .stop1 {
  stop-color: #713a80;
}
.section2 #fill1 .stop2 {
  stop-color: #cc3b58;
}
.section2 #fill2 .stop1 {
  stop-color: #b13496;
}
.section2 #fill2 .stop2 {
  stop-color: #4a4587;
}

.section3 #fill1 .stop1 {
  stop-color: #f33b47;
}
.section3 #fill1 .stop2 {
  stop-color: #bb3b60;
}
.section3 #fill2 .stop1 {
  stop-color: #2c94c6;
}
.section3 #fill2 .stop2 {
  stop-color: #39449c;
}

/* Button */
/*button.btn {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  padding: 15px 30px;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 16px 47px -15px #80101a;
  background: none;
  transition: box-shadow .2s ease-in-out;
  overflow: hidden;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 3;
  outline: none;
}
button.btn span {
  position: relative;
  z-index: 2;
}
button.btn:before, button.btn:after {
  content: '';
  z-index: -1;
  background: #e23b48;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
button.btn:after {
  background: #23467a;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
          transform-origin: top;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition-delay: .1s;
}
button.btn:hover {
  box-shadow: 0px 16px 47px -15px #08162b;
}
button.btn:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  transition-delay: 0s;
}
*/
.logo {
  border-radius: 2%;
  padding:10px;
  background-color:rgba(30,99,154,0.3);
  border-top:1px solid #1E639A;
  border-bottom:1px solid #1E639A;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 50%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  fill: #fff;
  mix-blend-mode: normal;
  opacity: .9;
  -webkit-filter: drop-shadow(0 3px 7px rgba(64, 34, 100, 0.4));
          filter: drop-shadow(0 3px 7px rgba(64, 34, 100, 0.4));
}
.logo h1{
  text-shadow: 1px 1px 1px black;
  text-align: center;
  color:#B8B8B8;
  font-family: 'Francois One', sans-serif;

}
@media screen and (max-width:718px){
  .logo{
    width: 72%;
  }
  /*.logo h1{
    font-size: 19px;
  }*/
}
@media screen and (max-width:499px){
  .logo{
    width: 82%;
  }
  .logo h1{
    font-size: 22px;
  }
}


.content {
  /*top: calc(70vh + 2px);*/
  width: 99.8%;
 
}
.content p{
  color:#018ABB;
}

.akzo_main {
  padding-left:5%;
  /*border-bottom: 1px solid #018ABB;*/
}
.akzo_main .bl_text {
  float:left;
  width:65%;
}
.akzo_main img {
  float:right;
  width:33%;
}
@media screen and (max-width:800px){
  .akzo_main .bl_text{
    float: none;
    width:90%;
    margin:auto;
  }
  .akzo_main img {
    float: none;
    width:90%;
    margin:auto;
  }
  
}

.between_line {
  clear:both;
  margin:auto;
  width:80%;
  margin-top:5px;
  margin-bottom: 6px;
  border-bottom: 2px solid #018ABB;
}