/*---------------------------------------------- About Section ----------------------------------------------*/

.background-video {

  position: absolute;

  top: 50%;

  left: 50%;

  width: auto;

  min-width: 100%;

  height: auto;

  min-height: 100%;

  transform: translateX(-50%) translateY(-50%);

}

.overview-row {

    padding-top: 3vh!important;

}



.overview-row.overview-story {

    padding-top: 1vh!important;

}



.overview-col {

  padding-right:3vh!important;

}



.overview-col p {

  margin-bottom:2.5vh!important;

}



.overview-right .title-label {

    padding-top:15px;

    padding-bottom: 0px;

    margin-bottom: 0px;

}



.overview-highlights {

    background-color: rgba(0,0,0,0.8);

    padding: 2vh!important;

    border-radius: 8px;

    border: 2px solid #fff;

    float:right;

    display:inline-block;

}



.overview-headline {

  padding-right:3vh;

}



.overview-client{

    width:100%;

    display:inline-block;

}



.overview-client .circle-box {

    max-width: calc(3vh + 5vw);

    margin: 0px 0px 3vh 0px;

    float:left;

    display:inline-block;

}



.overview-client .circle-content span {

    padding: 1vw;

}



.project-context {

    display: flex;

}



.context-col {

    display: flex;

    float: left;

    padding: 10px 15px;

    background-color: rgba(0,0,0,0.4);

    margin-right: 5px;

    flex-direction: column;

    justify-content: center;

    border-top: 2px solid #fff;

}



.context-col:last-child {

    margin-right: 0px;

}



.context-col .title-label {

    font-family: 'AirxonFont-Populaire', 'Amatic SC', sans-serif!important;

    font-size: calc(1.25vh + 1.0vw);

    letter-spacing: 2px;

    padding-bottom: 0px;

    margin-bottom: 0px;

}



.context-category{

  min-width: 10vw;

}



.context-headline {

    font-size: calc(1.25vh + 1.0vw);

}



.billboard-overview .overview-project {

    padding-right: 6vw;

}



.intro-headline {

  margin:1.25vh 0px 1.2vh 0px;

}


#swipe1 h1 {
    font-size: 11vh;
    line-height: 0.8em;
	padding-right: 9vh;
	font-weight: 500;
}



.main-paragraph {

  margin:1.25vh 0px 1.2vh 0px;

}



ul.unordered-list {

    margin: 0px;

    padding-left: 1.4em;

}

li.unordered-listitem {

    margin: 0px;

    padding: 0px 0px 5px 0px;

}



.bio-scroll{

  height:55vh;

  overflow-y: auto;

}



.about-intro {

  padding-right: 30%;

}



.profile-signature {

  max-width:150px;

  max-height: auto;

}

  #swipe1 .billboard-left {

    width:55%!important;

  }



p.main-paragraph.about-theory {

    padding-right: 30%;

}

img.img-responsive.Airxon-windmill {
    max-width: 70%;
    margin: 0px auto 0px auto!important;
    margin-bottom: calc(47vh - 20vw)!important;
}


#swipe16 .middle-top h1.callout-headline:nth-child(1) {
    font-size: calc(1vh + 1.25vw);
    margin-bottom: 0px;
}

/*--
#swipe16 .middle-top h1.callout-headline:nth-child(2) {
    font-size: calc(9.8vh + 1.25vw);
    margin-bottom: 0px;
}
--*/

#swipe16 .middle-top h1.callout-headline:nth-child(2) {
    font-size: calc(3.25vh + 1.25vw);
    margin-bottom: 45vh;
}




/*---------------------------------------------- Section Responsive ----------------------------------------------*/



@media screen and (min-width: 1501px) {

}



@media screen and (max-width: 1500px) {

  .billboard-overview .overview-project {

      padding-right: 0px;

  }

  .swiper-slide.slide-main:nth-child(1) {

    background-image:url('../img/about/1560x1560_Airxon_about_matt1_background_desktop.jpg');

    background-position: 30% center;

  }

  #swipe1 .billboard-left {

    width:65%!important;

  }

  .about-intro {

    padding-right: 20%;

  }

}



@media screen and (max-width: 1450px) and (min-width: 769px){

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 1200px) {

  .overview-headline {

      font-size: 5vh;

  }

}



@media screen and (max-width: 1120px) and (min-width: 769px){

/*---------- Insert Style -----------*/

}



@media screen and (min-width: 1170px) {

/*---------- Insert Style -----------*/

}


@media screen and (min-width: 1500px) {

  .profile-mobile {
		display: none!important;
	}

}


@media screen and (max-width: 1499px) and (min-width: 769px){

  .profile-mobile {
		display: block;
		max-width: 100%;
		height: auto;
		margin: 0px auto;
		text-align: right;
		position: relative;
		bottom: 31vw;
		right: -5vw;
		min-width: 60vw;
		z-index: -1;
	}

}


@media screen and (max-width: 768px) {
	
	.intro-subtitle {
		margin: 0.3vh auto 0.5vh auto!important;
		display: block;
	}

.profile-mobile {
    display: block;
    height: auto;
    margin: calc(-50vh + 20vw) auto 0px auto;
    text-align: center;
    position: relative;
    bottom: 0px;
    min-width: 120vw!important;
    z-index: -1;
}

  .about-part2{

    display: none;

  }

  .swiper-slide.slide-main:nth-child(1) {

    background-image:url('../img/about/1560x1560_Airxon_about_matt1_background_mobile.jpg');

    background-position: center center;

  }

  #swipe1 .billboard-left {

    width:100%!important;

  }

  .about-intro {

    padding-right:40%;

  }

  .overview-row {

      padding-right: 0px;

  }

  .overview-client .circle-box {

      max-width: 12vh;

      margin: 0px 0px 1.5vh 0px;

  }

  .billboard-overview .billboard-bottom,.billboard-container section.float-bottom {

    position:relative!important;

  }

  p.main-paragraph.about-theory {

    padding-right: 0%;

  }

  img.img-responsive.Airxon-windmill {
      max-width: 80%;
      margin: 0px auto 0px auto!important;
      margin-bottom: calc(20vh - 20vw)!important;
  }

}



@media screen and (max-width: 540px) {

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 498px) {



}