#particles-js {
  position: absolute; top:0; left:0; bottom:0; right:0;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 450px)  {
  #particles-js {
   display:none;
  }
}

/* ######## HEADER ########## */
header  {
  position:Relative;
  backgro und-image: linear-gradient(135deg, #000000 0px, #040007 7%, #180d1f 40%, #24132f 53%, #361648 67%, #3c174f 75%, #48195d 86%, #53206f 98%, #53206f 100%);
}
.header-wrapper  {
  overflow:hidden;
	min-height:250px;
}
.header-wrapper > header   {
  border-top:0px #fff solid;
  background:url('../../../images/colorbar.png') repeat-x;
  background-size:2225px;
}
.mainHeader {
  max-width:800px;
  margin:0 auto;
  height:450px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom:100px;
}
.headerContainer > h1 {
  color:#fff;
  font-size:80px;
  text-align:center;
}
.headerContainer .smallLine {
  background:#F4B936;
  height:5px;
  width:150px;
  display:block;
  padding:0px;
  top:0px;
  margin:10px auto;
  position:relative;
}
@media all and (max-width: 714px)  {
 .headerContainer > h1 {
    font-size:6rem!important;
  }
  .headerContainer > h3 {
    font-size:2rem!important;
  }
}
@media all and (max-width: 600px)  {
 body.homePage .mainHeader {
 	 	height:300px!important;
  }
}


@media all and (max-width: 472px)  {
 .headerContainer > h1 {
    font-size:4rem!important;
  }
  .headerContainer > h3 {
    font-size:1.8rem!important;
  }
}
@media all and (max-width: 322px)  {
 .headerContainer > h1 {
    font-size:3.5rem!important;
  }
}


/* ######## HEADER Column ########## */

.column.mainHeader {
  max-width:1100px;
  height:600px!important;
  padding-bottom:50px!important;
}
.column .headerContainer {
  padding-right:0px;
 	text-align:left;
  max-width:650px;
}
.column .headerContainer h1 {
  font-size:90px;
  text-align:left;
}
.column .headerContainer h3 {

}
.column .headerContainer .smallLine {
	margin:10px 0px!important;
}
.column .imageContainer   {

}
.column .imageContainer img {
  margin-right:-100px;
  margin-bottom:-50px;
  min-width:600px;
}

@media all and (max-width: 1100px)  {
 .column .headerContainer {
    padding-right:0px;
    text-align:left;
    max-width:50%!important;
  }
  .column .imageContainer img {
    margin-right:-100px;
    margin-bottom:-50px;
    min-width:50%;
  }
}
@media all and (max-width: 710px)  {
  .column.mainHeader {
 	 	height:500px!important;
  }
  .column .headerContainer {
    max-width:100%!important;
  }
  .column .imageContainer img {
    display:none;
  }
}


/* ######## Frontpage Header ########## */
.homePage .mainHeader {
  max-width:1200px!important;
  padding-bottom:100px;
  height:650px;
}
.homePage .headerText {
  width:350px;
  display:inline-block;
}
.homePage .headerImage {
  max-width:750px;
  display:inline-block;
  position:relative;
  right:-150px;
  bottom:-50px;
}






/* ######## WHO WE ARE  HEADER  ##########
 											   				########## */
.whowearePage .mainHeader {  height:450px; }
.whowearePage .header-wrapper  {  background:#111; }
.whowearePage .smallLine { background:#F0E68C;}
#whoweareHeader  h1 {
  font-size:56px;
  font-family: 'Heebo', sans-serif;
  margin-bottom:0px;
  color:#fff;
}
#whoweareHeader h3 {
  text-align:center;
  margin-top:30px;
  font-size:20px;
  font-weight:300;
  color:#F0E68C;
}


/* ######## START A PORJECT  HEADER  ##########
 											   				       ########## */

.startPage .mainHeader {  height:380px; }
.startPage .header-wrapper  {  background:#223; }
.startPage .header-wrapper svg { di splay:none; }
.startPage .smallLine { background:#F0E68C;}
#startprojectHeader {
 	padding-bottom:80px;
}
#startprojectHeader  h1 {
  font-size:70px;
  font-family: 'Heebo', sans-serif;
  margin-bottom:0px;
}
#startprojectHeader h3 {
  text-align:center;
  margin-top:30px;
  font-size:18px;
  font-weight:300;
  line-height:1.5em;
  color:#fff;
}
#startprojectHeader small.smallLine {
 	max-height:5px;
  padding:0px;
  margin:0px auto 20px auto;
}
@media all and (max-width: 585px)  {
	#startprojectHeader  h1 {
   		font-size:2.6rem!important;
   }
   #startprojectHeader h3 {
   		font-size:1.7rem!important;
   }
}