/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 40 version
*/

.row:before,
.row:after {
	display: none;
}

/***********************************/
/* ||| Importing Google Fonts ||| */
/*********************************/
@font-face {
	src: url(../font/OpenSans-Regular.ttf);
	font-family: OpenR;
}

@font-face {
	src: url(../font/OpenSans-Bold.ttf);
	font-family: OpenBold;
}

@font-face {
	src: url(../font/OpenSans-ExtraBold.ttf);
	font-family: OpenXBold;
}

@font-face {
	src: url(../font/OpenSans-Light.ttf);
	font-family: OpenLight;
}

body {
	margin: 0;
	padding: 0;
	position: relative;
  max-width: 100%!important;
}

body::-webkit-scrollbar {
	display: none;
}

/***********************/
/* ||| Text Styles ||| */
/***********************/
h1 {
	font-family: OpenXBold;
	color: rgb(51, 51, 51);
}

h1#osztalyeloiras {
	font-size: 1.8rem!important;
}

h2 {
	font-family: OpenBold;
	color: black;
	font-size: 16px !important;
}

h3 {
	font-family: OpenLight;
	color: black;
	letter-spacing: 1px;
	font-size: 16px !important;
}

h4 {
	font-family: OpenLight;
	color: rgb(51, 51, 51);
	font-size: 28px !important;
}

h5 {
	font-family: OpenBold;
	color: white;
	letter-spacing: 1px;
	font-size: 8rem !important;
}

p {
	font-family: OpenR;
	color: rgb(57, 57, 57);
}

/******************/
/* ||| Navbar ||| */
/******************/

.navbar-toggler {
	border: none !important;
}

a.navbar-brand {
  font-weight: bold;
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(57, 57, 57)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-toggler:focus,
.navbar-toggler:active {
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.navbar-toggler-icon {
	color: rgb(57, 57, 57) !important;
}

.nav-link {
	color: rgb(240, 240, 240) !important;
}

.nav-link:hover,
.nav-link:focus {
	color: rgb(255, 255, 255) !important;
}

/***********************/
/* ||| Intro video ||| */
/***********************/
#lazyload {
	width: 100%;
	height: auto;
	margin-top: 55px;
}

#my-vid {
	margin-top: 50px !important;
	width: 100%;
	height: auto;
	z-index: -5;
}

/*************************************/
/* ||| Colors & Divider Sections ||| */
/*************************************/

section {
	font-family: OpenR!important;
}

section.basic div.main-container {
  width: 800px;
  max-width: 95%;
  margin: 0 auto;
}

section.basic div.main-container {
  font-size: 18px;
  line-height: 28px;
  text-align: justify;
}

section.basic div.main-container h1 {
  margin-bottom: 50px!important;
}

section.basic div.main-container strong {
  font-weight: bold!important;
  font-size: 18px!important;
}

section.basic div.main-container br {
  content: "";
  margin: 2em;
  display: block;
  font-size: 24%;
}

span.ol-indent {
  display: inline-block;
  margin-left: 30px;
}

table#table-eredmenyek {
  display: table;
  margin: 20px auto;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
}

table#table-eredmenyek tr {
  display: table-row;
}

table#table-eredmenyek tr:nth-child(3n+1) {
  border-bottom: 2px solid #888;
  margin-bottom: 10px;
}

table#table-eredmenyek td {
  display: table-cell;
  padding: 3px;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
}

p.subsection-header {
  margin-top: 24px;
}

.white {
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-decoration: none;
}

.yellow {
	/*	the yellow in 3s project2 section. The original warning is #ffc107. Set in bootstrap.min*/
	background-color: #f0a800 !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.lightgrey {
	background-color: rgb(245, 246, 248) !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.border-secondary {
	border-top: 1px solid rgb(220, 220, 220) !important;
}

.border-thick {
	border-top: 3px solid rgb(220, 220, 220) !important;
}

h1.page-title {
  text-shadow: 0 0 1px black;
  margin: 20px 0px;
}

h3.page-subtitle {
  font-size: 20px!important;
  color: #fff;
  text-shadow: 0 0 1px black;
}

section {
}

img.facebook-icon {
  height: 50px;
  width: 50px;
}

img.fullwdth {
  width: 100%;
  height: auto;
}

div#footerSection {
  padding: 10px 20px 20px 20px;
}

.text-container {
  max-width: 100%!important;
  padding-top: 70px;
  padding-bottom: 80px;
}

.text-container p {
  text-align: justify!important;
  width: 910px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0px 20px!important;
}

.text-container h1 {
  margin: 0px 0px 50px 0px;
}

/*******************************************/
/* ||| Youtube and Video Embed Options ||| */
/*******************************************/
video {
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


.iframe-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	width: 100%;
	overflow: hidden;
}

.iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	width: 100%;
	height: 100%;

}

/**************************************************/
/* ||| Media Elements for the whatWeBuild.php ||| */
/**************************************************/
#logo {
	height: 30px;
	width: auto;
	padding-bottom: 3px;
}

#whatImage {
	width: 200px;
}

#whatVidmp4 {
	width: 200px;
	margin-top: 5px;
	display: inline;
	-webkit-filter: grayscale();
	filter: grayscale();
}

/*****************************************************/
/* ||| Carousel: ow-carousel navigation settings ||| */
/*****************************************************/
.owl-theme .owl-nav [class*="owl-"] {
	margin: 0 !important;
}

carousel-wrap {
	margin: auto;
	position: relative;
}

.owl-carousel .owl-nav {
	overflow: hidden;
	height: 0px;
}

.nav-btn,
.owl-prev,
.owl-next {
	height: 47px;
	width: 26px;
	cursor: pointer;
	position: absolute;
}

.owl-carousel .owl-nav .owl-prev {
	background: url('../img/left.svg') no-repeat !important;
	opacity: 1;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.owl-carousel .owl-nav .owl-next {
	background: url('../img/right.svg') no-repeat !important;
	opacity: 1;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
	opacity: 0.2;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.owl-carousel .owl-nav .owl-prev:focus,
.owl-carousel .owl-nav .owl-nect:focus,
.owl-carousel .owl-nav .owl-prev:active,
.owl-carousel .owl-nav .owl-next:focus {
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.owl-carousel .owl-nav::-webkit-scrollbar {
	display: none;
}

.owl-carousel .owl-nav::-webkit-scrollbar {
	display: none;
}

.owl-prev {
	left: 5px;
}

.owl-next {
	right: 5px;
}

.owl-nav [class*=owl-] {
	font-size: 0 !important;
}

/* hide text */

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
	pointer-events: none;
	opacity: 0.2;
}

/*owl carousel item settings*/

.owl-carousel .item {
	text-align: center;
}

.owl-carousel {
	position: relative;
}

/* owl carousel padding and margin settings */
.owl-one {
	padding-top: 50px !important;
}

.owl-three {
	padding-top: 20px !important;
}

.owl-four {
	padding-top: 10px !important;
}


.companies {
  width: 900px;
  max-width: 90%;
  margin: 0 auto;
}

div.partners-item {
  float: left;
  width: 50%;
  text-align: center;
}

@media (min-width: 921px) {
  .show-on-sm {
    display: none;
  }
}

@media (max-width: 920px) {
  .show-on-lg {
    display: none;
  }
  .companies {
    width: 300px;
    max-width: 90%;
  }

  div.partners-item {
    float: none;
    width: 100%;
  }
}

/* portrait names */
.thumbnail {
	position: relative;
}

.caption {
	position: absolute;
	top: 45%;
	left: 0;
	width: 100%;
}

.caption h3:hover {
	color: rgb(51, 51, 51);
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}


/********************************************/
/* ||| Subscribe Newsletter - Mailchimp ||| */
/********************************************/
#mc_embed_signup {
	background: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	clear: left;
	font-size: 14px;
	font-family: OpenR !important;
	outline: none !important;
}

#element.style {
	outline: none !important;
}

#mc_embed_signup .mc-field-group input {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-indent: 2%;
	outline: none !important;
}

#mc_embed_signup input #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	display: inline-block;
	margin: 2px 0 1em 0;
	padding: 5px 10px;
	background-color: rgba(255, 255, 255, 0.85);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px !important;
	font-family: OpenR !important;
	z-index: 1;
	color: rgb(120, 120, 120) !important;
	outline: none !important;
	border: 2px solid rgb(120, 120, 120);
	outline: none !important;
}

/****************************************************/
/* ||| Boostrap extension border width overrite ||| */
/****************************************************/
.border-strong {
	border-style: solid;
	border-width: 1px !important;
}

/********************/
/* ||| Lightbox ||| */
/********************/
.lightbox .lb-image {
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	/* Image border */
	border: none !important;
}

/* close 'x' button */

.lb-data .lb-close {
	display: none !important;
}

/* caption text */
.lb-data .lb-details {
	font-weight: normal !important;
	line-height: 2em !important;
	text-align: center !important;
	width: 100% !important;
}

.lb-data .lb-caption {
	font-size: 20px !important;
	font-weight: 300 !important;
	font-family: OpenR !important;
}

.rounded-circle .border {
	border-color: rgb(57, 57, 57) !important;

}

.border {
	border: 1px solid rgb(57, 57, 57) !important
}

/************************************************/
/* ||| Read More button at the whoWeAre.php ||| */
/************************************************/
.d-readmore {
	min-height: 3px;
	overflow: hidden;
	-webkit-transition-property: height, min-height;
	-o-transition-property: height, min-height;
	transition-property: height, min-height;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	height: 29em;
}

.filotext {
	display: none;
}

.filotext ul {
	list-style-type: none;
}

/*******************/
/* ||| Contact ||| */
/*******************/
.email:hover {
	opacity: 0.5;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a .socialmedia,
#instagram,
#linkedin {
	width: 55px !important;
}

.socialmedia:hover {
	opacity: 0.5;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.socialmedia:focus,
.socialmedia:active {
	border-color: transparent !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	outline: none !important;
}

div#my-vid-container {
  position: relative;
  top: 0; left: 0;
  z-index: 0;
}

div#my-vid-text {
  position: absolute;
  z-index: 1;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-shadow: 4px 4px 4px #000;
  font-size: 46px;
  top: 50%;
  transform: translateY(-50%);
  left: 0; right: 0;
}
.contact-par {
	margin-bottom: 30px;
}

/************************/
/* ||| Responsivity ||| */
/************************/
@media (max-width: 1450px) {

  div#my-vid-text {
    font-size: 35px;
  }

	/* bigger screen */
	#section1_text {
		padding-bottom: 650px !important;
	}

	.owl-one {
		padding-top: 45px !important;
	}
}

@media (max-width: 1150px) {

  div#my-vid-text {
    font-size: 30px;
  }

}

@media (max-width: 1000px) {

  div#my-vid-text {
    font-size: 26px;
  }

}

@media (max-width: 800px) {

  div#my-vid-text {
    font-size: 22px;
  }

}

@media (max-width: 650px) {

  div#my-vid-text {
    font-size: 18px;
  }

}

@media (max-width: 550px) {

  div#my-vid-text {
    font-size: 16px;
  }

}

@media (max-width: 480px) {

  div#my-vid-text {
    font-size: 14px;
    top: 55%;
    padding: 0px 60px;
  }

}

#bg-hegy1 {
	background-image: url("../img/hegy-bg.jpg");
	background-size: 100%;
	background-position: left bottom;
	background-repeat: no-repeat;
}

#bg-boat {
	height: 100%;
	background-image: url("../img/3sProject2/bg-boat.jpg");
	background-size: cover;
	background-position: 50% 20%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-webkit-background-position: bottom;
	-webkit-background-repeat: no-repeat;
	-webkit-appearance: none;
}

#bg-boat h5.text-white {
	margin-top: 50px;
}

#sustainableH3 {
	padding-bottom: 450px !important;
	margin-bottom: 500px;
}

section.section-apply {
  margin-top: -6px;
}

img.hms-apply {
  width: 100%;
  height: auto;
  cursor: pointer;
}

@media (min-width: 1200px) {
  img.hms-apply-md, img.hms-apply-sm {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  img.hms-apply-lg, img.hms-apply-sm {
    display: none;
  }
}

@media (max-width: 767px) {
  img.hms-apply-md, img.hms-apply-lg {
    display: none;
  }
}

a.hms-apply-link {
  display: block;
}

img {
  max-width: 100%;
}

section#web-integration {
}

section#gallery-container img, section#web-integration img {
  width: 100%;
}

/* text background overly on background image */
.transaprentBg {
	background-color: #fff !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 1%;
}

@media (min-width: 1200px) and (max-width: 1300px) {
	/* boat image and text padding */

	#sustainableH3 {
		padding-bottom: 320px !important;
	}
}

@media (max-width: 700px) {
  section div.design-thinking {
    display: none!important;
  }
  img.design-thinging-img {
    margin: 0 auto;
  }
}

@media (min-width: 701px) {
  section div.design-thinking-img-container {
    display: none!important;
  }
}

section div.design-thinking {
  display: table;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  padding: 0px 20px!important;
}

section div.design-thinking div.pardiv {
  margin-top: 0px;
  margin-bottom: 10px;
}

section div.design-thinking-zero {
  display: table-cell;
  width: 14%;
}

section div.design-thinking-left {
  display: table-cell;
  width: auto;
  padding: 0px 20px 0px 0px;
  vertical-align: middle;
  font-size: 28px!important;
  text-align: center;
}

section div.design-thinking-middle {
  display: table-cell;
  vertical-align: middle;
  width: 6%;
  text-align: center;
  background-image: url("../img/brace_character_rszd.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

section div.design-thinking-right {
  display: table-cell;
  width: 6%;
  vertical-align: middle;
  font-size: 24px!important;
  writing-mode: vertical-rl;
  text-orientation: upright;
}

h1 {
}

h2.head-modularity {
  font-size: 31px!important;
  margin: 4px 100px 30px 100px;
}

h2.head-modularity1 {
  font-size: 28px!important;
  margin: 40px 150px 0px 150px;
}

h2.image-subs {
  /* font-size: 54px!important; */
  font-size: 34px!important;
  font-style: italic;
}

div.dt-arrow {
  font-size: 36px!important;
}

img.rectangle_img {
  border: 1px solid #eee;
}

div.person_info {
  text-align: center;
  margin-bottom: 20px;
  padding: 20px 10px;
}

div.boat-layer-holder {
  position: relative;
}

img.boat-layer-1 {
  position: relative;
  top: 0; left: 0;
  z-index: 0;
}

img.boat-layer-2 {
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

span.inactive_link {
  color: #aaa;
}

.whoWeAreHolder {
  display: table;
  width: auto;
  margin: 0 auto;
  clear: both;
}

h4.whoWeAreHeading {
  clear: both;
}

.whoWeAreHolder .whoWeAreItem {
  float: left;
  text-align: center;
  margin-left: 10px;
  width: 300px;
}

.whoWeAreHolder .whoWeAreItem img {
  margin: 0 auto;
}

@media (min-width: 1001px) {
  img.gallery-img-sm {
    display: none;
  }
}

@media (max-width: 1000px) {
  h1 {
		font-size: 28px !important;
  }
  img.gallery-img-lg {
    display: none;
  }
  h2.head-modularity {
    font-size: 20px!important;
    margin: 10px 20px 12px 20px;
  }

  h2.head-modularity1 {
    font-size: 20px!important;
    margin: 20px 20% 30px 20%;
  }

  h2.image-subs {
    font-size: 18px!important;
  }
}

@media (min-width: 1200px) {

	/* big screen */
	h3 {
		font-size: 19.2px !important;
	}

	.wikiText {
		font-size: 20px !important;
		line-height: 150%;
	}

	/* title and text above the #bg-hegy1 background in "why we must leave..." */
	#section1_text {
		padding-bottom: 750px !important;
	}

	#bg-hegy {
		background-image: url("../img/hegy-bg.jpg");
		background-size: auto;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

	#sustainableH3 {
		padding-bottom: 420px !important;
		margin-bottom: 100px;
	}

	.owl-carousel {
		position: relative;
	}

	.owl-prev,
	.owl-next {
		top: 50% !important;
	}

	/* Safari only */
	.owl-prev .owl-next:not(:root:root) {
		top: 50% !important;
	}

	.owl-prev .owl-next:not(:root:root) {
		top: 50% !important;
	}

	.owl-one {
		padding-top: 65px !important;
	}
}


@media (max-width: 1199px) {
	/* big screen */

	h3 {
		font-size: 16px !important;
		padding-bottom: 5px;
	}

	.wikiText {
		font-size: 20px !important;
		line-height: 150%;
	}

	#section1_text {
		padding-bottom: 500px !important;
	}

	#bg-hegy {
		background-image: url("../img/hegy-bg.jpg");
		background-size: 100%;
		background-position: left bottom;
		background-repeat: no-repeat;

	}

	/* boat image and text padding */
	#sustainableH3 {
		padding-bottom: 250px !important;
		margin-bottom: 50px;

	}

	.portraitsVertical {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.owl-carousel {
		position: relative;
	}

	.owl-prev,
	.owl-next {
		position: absolute;
		top: 45% !important;
	}

	.owl-one {
		padding-top: 50px !important;
	}
}

@media (max-width: 991px) {
	/* desktop */

	h3 {
		font-size: 16px !important;
	}

	.wikiText {
		font-size: 18px !important;
		line-height: 150%;
	}

	#section1_text {
		padding-bottom: 350px !important;
	}

	#bg-hegy1 {
		background-image: url("../img/hegy-bg.jpg");
		background-size: 100%;
		background-position: left bottom;
		background-repeat: no-repeat;
	}

	/* boat image and text padding */
	.S3 {
		font-size: 80px !important;
	}

	#sustainableH3 {
		padding-bottom: 35% !important;
		margin-bottom: 50px;

	}

	.owl-carousel {
		position: relative;
	}

	.owl-prev,
	.owl-next {
		top: 45% !important;
	}
  
  .whoWeAreHolder .whoWeAreItem  {
    max-width: 240px;
  }

}

@media (max-width: 767px) {
	/* tablet-mobil */

	h3 {
		font-size: 16px !important;
	}

	.wikiText {
		font-size: 15px !important;
		line-height: 150%;
	}

	#section1_text {
		padding-bottom: 300px !important;
	}

	#bg-boat {
		background-image: url("../img/3sProject2/bg-boat.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 95% 50%;
		-webkit-background-size: cover;
		-webkit-background-repeat: no-repeat;
		-webkit-background-position: 95% 50%;
		-webkit-appearance: none;


	}

	.S3 {
		padding-top: 0 !important;
		padding-bottom: 420px !important;
	}

	#sustainableH3 {
		padding-bottom: 25% !important;
		margin-bottom: 20px;
	}

	.owl-carousel {
		position: relative;
	}

	.owl-prev,
	.owl-next {
		position: absolute;
		top: 45% !important;
	}

	.owl-one {
		padding-top: 50px !important;
	}


	.owl-two {
		padding-top: 10px !important;
	}
  .whoWeAreHolder .whoWeAreItem  {
    max-width: 180px;
  }
}

@media (max-width: 650px) {
	/* mobil */

	h1 {
    font-weight: normal!important;
		font-size: 23px !important;
    margin-bottom: 4px!important;
	}
  
  h2.head-modularity {
    font-size: 16px!important;
    margin-top: 0px!important;
  }

  h2.head-modularity1 {
    font-size: 16px!important;
    margin: 20px 15% 30px 15%;
  }

	.col-12 .whoWeAreTitle {
		padding-bottom: 32px !important;
	}
  
	.caption {
		position: absolute;
		top: 45%;
		left: 0;
		width: 100%;
	}

	h3 {
		font-size: 14.4px !important;
	}

	h4 {
		font-size: 20px !important;
	}

	p {
		font-size: 16px !important;
		line-height: 160%;
	}

	h5 {
		font-size: 85px !important;
	}

	#section1_text {
		padding-bottom: 40% !important;
	}

	#bg-hegy {
		background-image: url("../img/hegy-bg.jpg");
		background-size: 100% !important;
		background-position: left bottom;
		background-repeat: no-repeat;
	}

	#bg-boat {
		background-image: url("../img/3sProject2/bg-boat.jpg");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 90% 80%;
		-webkit-background-size: cover;
		-webkit-background-repeat: no-repeat;
		-webkit-background-position: 90% 80%;
		-webkit-appearance: none;

	}

	/* boat image and text padding */
	.S3 {
		padding-top: 0 !important;
		padding-bottom: 120px !important;
	}

	#sustainableH1 {
		padding-top: 200px !important;

	}

	#sustainableH3 {
		padding-bottom: 40px !important;
	}

	.whatWeWouldLikeToBuild .pb-6 {
		padding-bottom: -80px !important;
	}

	.owl-carousel .nav-btn,
	.owl-prev,
	.owl-next {
		height: 47px;
		width: 26px;
		cursor: pointer;
		position: absolute !important;
		top: 45% !important;
	}

	.owl-one {
		padding-top: 50px !important;
	}

	.owl-two {
		padding-top: 15px !important;
	}
  .whoWeAreHolder .whoWeAreItem  {
    max-width: 140px;
  }
}

@media (max-width: 480px) {
  .navbar-brand.en-navbar-brand  {
    font-size: 16.5px;
  }
}

@media (max-width: 460px) {
  .whoWeAreHolder .whoWeAreItem  {
    width: 80%;
    max-width: 80%;
    margin: 0 auto;
    float: none;
  }
	.navbar-toggler {
		padding: 0.25rem 0;
	}
}

@media (max-width: 430px) {
	.navbar-toggler {
		padding: 0.25rem 0;
	}
	a.navbar-brand {
	  font-size: 17px;
	}
}

@media (max-width: 400px) {
	.navbar-brand {
		display: block;
		width: 100%;
		font-size: 18px;
	}
  .navbar-brand.en-navbar-brand  {
    font-size: 18px;
  }
	.navbar-toggler.navbar-toggler-en {
		padding: 0.25rem 0;
	}
  h2.head-modularity1 {
    margin: 20px 8% 30px 8%;
  }
	/* extrem mobil */
	h3 {
		font-size: 13px !important;
	}
	.owl-one {
		padding-top: 40px !important;
	}
}

@media (max-width: 380px) {
  .navbar-brand.en-navbar-brand  {
    font-size: 17px;
  }
}

@media (max-width: 360px) {
  .navbar-brand.en-navbar-brand  {
    font-size: 16px;
  }
}

@media (max-width: 340px) {
  .navbar-brand.en-navbar-brand  {
    font-size: 15px;
  }
	a.navbar-brand {
	  font-size: 16px;
	}
}

@media (max-width: 330px) {
	a.navbar-brand {
	  font-size: 15px;
	}
}

@media (max-width: 320px) {
  a.navbar-brand, .navbar-brand.en-navbar-brand  {
    font-size: 14px;
  }
}

@media (min-width: 180px) and (max-width: 280px) {

	/* mobil - galaxy fold*/
	lead {
		font-size: 12px !important;
		line-height: 150% !important;
	}


	#section1_text {
		padding-bottom: 40% !important;
	}

	#bg-hegy {
		background-image: url("../img/hegy-bg.jpg");
		background-size: 100%;
		background-position: left bottom;
		background-repeat: no-repeat;
	}


	#bg-boat {
		background-image: url("../img/3sProject2/bg-boat.jpg");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 90% 100%;
		-webkit-background-size: cover;
		-webkit-background-repeat: no-repeat;
		-webkit-background-position: 90% 100%;
		-webkit-appearance: none;

	}

	/* boat image and text padding */
	.S3 {
		font-size: 40px !important;
		padding-bottom: 400px !important;
	}

	#sustainableH3 {
		padding-bottom: 50px !important;
	}


	.whatWeWouldLikeToBuild .pb-6 {
		padding-bottom: -80px !important;
	}


	h3 {
		font-size: 12px !important;
	}


	footer p {
		font-size: 12px !important;
	}


	.caption .andmore h3 {
		text-decoration: none !important;
	}

	.owl-carousel .nav-btn,
	.owl-prev,
	.owl-next {
		height: 47px;
		width: 26px;
		cursor: pointer;
		position: absolute !important;
		top: 40% !important;
	}

	.owl-two {
		padding-top: 15px !important;
	}

	/*   gallery*/
	.owl-one {
		padding-top: 50px !important;
	}
}