/* heebo-200 - latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('../fonts/heebo-v21-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/heebo-v21-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* heebo-300 - latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/heebo-v21-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/heebo-v21-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* heebo-regular - latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/heebo-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/heebo-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* heebo-500 - latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/heebo-v21-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/heebo-v21-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* heebo-700 - latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/heebo-v21-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/heebo-v21-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* heebo-900 - latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../fonts/heebo-v21-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/heebo-v21-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html {
  font-family: 'Heebo', sans-serif;
  font-size: 1vw;
  color: #2E2C2F;
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
  overflow: scroll;
  overflow-x: hidden;
}

body {
  margin: inherit;
  background: #FFFFFF;
}

.ul {
    height: 200vh;
    display: flex;
    flex-direction: column;
}
.li { 
    height: 50%;
    font-size: 1em;
}

@media (max-width: 920px) {
    .li {
	 font-size:1.5em;
	 height: 100%;
	}
}
@media (max-width: 520px) {
    .li {
     font-size:3em;
	 height: 100%;
	}
}
/* TEXTSTYLES ---------------------------------------------------------------*/
a {
  color: #2E2C2F;
  text-decoration: none;
  font-size: 4em;
  transition: 0.2s;
}
a:hover {
  color: rgba(0, 155, 237, 0.8);
}

p {
  color: #2E2C2F;
  font-weight: 300;
  font-size: 4em;
}

h1 {
  color: #2E2C2F;
  font-size: 8em;
  line-height: 0.95;
}
.h-thin {
  font-weight: 300;
  color: #2E2C2F;
}
.h-bold {
  font-weight: 600;
}
.h-semibold {
  font-weight: 400;
}

.blue {
  color: rgba(0, 155, 237, 0.8);
}
.red {
  color: #FF4770;
}

.transparent {
  color: transparent !important;
}

h3 {
  font-style: italic;
  font-weight: 900;
}

.scroll-top {
  width: 5vw;
  height: 5vh;
  position: sticky;
  z-index: 9;
  left: 1vw;
  top: 80vh;
  border-radius: 0.2vw;
  border: none;
  transition: 0.5s ease;
  background: transparent;
}
.scroll-top:hover {
  transform: translateY(-0.5vw);
}
.scroll-top:focus {
  border: none;
  outline: none;
}
.scroll-img-up {
  width: 4vw;
  opacity: 0.7  ;
  transform: rotate(180deg);
}

.btn-stand{
  padding: 1vh 1vw;
  border-radius: 0.2vw;
  border: none;
  font-size: 0.8em;
  font-weight: 100;
  text-decoration: none;
}

.light-text {
  color: rgba(150, 150, 150, 1);
  font-size: 1.7em;
}

/* COLOR-PALETT
  #FFFFFF
  #FFA799
  #2E2C2F
  #009bed
  #FDF4C4
  #FF4770
*/
/* FLEX ---------------------------------------------------------------------*/
nav, .nav-menu, .nav-logo, section, .home > .right, .home > .left, .one-left, .one-right, .one-inner-r, .dropdown, .drop-items, .ham-menu, .ham-drop-items, .two-left, .two-right, .two-inner-r, .two-inner-l {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

/*-------------- HEADER -----------------------------------------------------*/
header {
  background: #FFFFFF;
  width: 100%;
  height: 15vh;
  margin: 0;
  position: absolute;
  z-index: 5;
}
.nav-logo {
  width: 55vw;
}

#logo {
  width: 12.5vw;
}
.logo-text {
  padding-left: 0.5vw;
  font-size: 1.1em;
  font-weight: 600;
  color: #ff4770;
}
.nav-logo, .nav-menu {
  margin: 0;
  padding: 0;
  height: 100%;
  align-items: center;
}
nav {
  margin: 0;
  padding: 0;
  height: 100%;
  list-style-type: none;
  justify-content: center;
  align-items: center;
}

.ham-menu {
  align-items: flex-end;
  justify-content: flex-end;
  width: 20vw;
}
.ham-drop-img {
  width: 7.5vw;
}
.ham-drop-items {
  padding-top: 2.5vh;
  top: 0vh;
  opacity: 0;
  width: 80vw;
  background: white;
  position: absolute;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  flex-direction: column;
  font-size: 0.9em;
  transition: 1.3s 0.2s ease;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.ham-drop-items a {
  padding: 15%;
  transition: 0.5s ease !important;
  -webkit-transform: translateX(0.1vw);
  -ms-transform: translateX(0.1vw);
  transform: translateX(0.1vw);
  text-align: right;
}

.ham-menu:hover .ham-drop-items, .ham-menu:active .ham-drop-items {
  opacity: 1;
  -webkit-transform: translateY(15vh);
  -ms-transform: translateY(15vh);
  transform: translateY(15vh);
}

.ham-menu:hover .ham-drop-items a, .ham-menu:active .ham-drop-items a {
  padding-top: 1vh;
}

.ham-drop-items a:hover, .ham-drop-items a:active {
  -webkit-transform: translateX(0.5vw);
  -ms-transform: translateX(0.5vw);
  transform: translateX(0.5vw);
}

.nav-menu {
  list-style: none;
  justify-content: flex-end;
  width: 25vw;
}

.nav-items {
  display: none;
}

.drop-btn {
  border: none;
  font-size: 0.9em;
  background: transparent;
  color: #0077B6: padding: 0;
  transition: 0.2s;
  width: 5vw;
  height: 1vh;
  align-items: flex-start;
  display: flex;
}
.drop-btn > img {
  height: 2vh;
  margin: -0.5vh;
}
.drop-items {
  padding-top: 2.5vh;
  top: 0vh;
  opacity: 0;
  width: 100%;
  position: absolute;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  flex-direction: column;
  font-size: 0.9em;
  transition: 1.3s 0.2s ease;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.drop-items a {
  padding-top: 0.5vh;
  transition: 0.5s ease !important;
  -webkit-transform: translateX(0.1vw);
  -ms-transform: translateX(0.1vw);
  transform: translateX(0.1vw);
}

.dropdown:hover .drop-btn {
  color: rgba(0, 155, 237, 0.8);
}

.dropdown:hover .drop-items {
  opacity: 1;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.dropdown:hover .drop-items a {
  padding-top: 1vh;
}

.drop-items a:hover {
  -webkit-transform: translateX(0.5vw);
  -ms-transform: translateX(0.5vw);
  transform: translateX(0.5vw);
}

/*------------------- MAIN ---------------------------------------------------*/
main, body {
  width: 100%;
}

section {
  left: 50%;
  transform: translateX(-50%);
  width: 80vw;
  height: 100vh;
  position: relative;
}

/*HOME------------------------------------------------------------------------*/

.home > .left, .home > .right {
  width: 80vw;
  align-items: center;
}
.home > .right {
  justify-content: center;
}
.home-img, .sec-one-img {
  width: 80vw;
  object-fit: cover;
  position: absolute;
}


.home {
  align-items: center;
  flex-direction: column;
  z-index: 2;
}
.home > .left {
  height: 80vh;
  justify-content: center;
  top: 5vh;
  position: relative;
}
.home > .left > .inner {
  z-index: 4;
  max-width: 75vw;
  position: absolute;
  box-sizing: border-box;
  background: linear-gradient(0deg, rgba(249, 243, 240, 1) 0%, rgba(255, 252, 250, 1) 100%);
  padding: 10% 5% 10% 5%;
  min-height: 50vh;
}
.home > .left > .outer {
  box-sizing: border-box;
  width: 60vw;
  height: 40vh;
  padding: 4%;
  border: 3px solid #F9F3F0;
  margin-left: -28.75vw;
  margin-top: 40vh;
  z-index: 2;
}
.scroll-img {
  margin-left: -31.25vw;
  width: 4vw;
  margin-top: 30vh;
  position: relative;
  opacity: 0.5;
  z-index: 6;
}
.home > .right {
  z-index: 1;
}
.home > .right > .outer {
  min-width: 30vw;
  height: 80vh;
  background: linear-gradient(180deg, rgba(249, 243, 240, 1) 0%, rgba(255, 252, 250, 0) 100%);
  margin-left: 10vw;
  margin-top: 0vh;
  z-index: 0;
  display: none;
}
.home-img {
  height: 80vh;
  top: 20vh;
  z-index: 1;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
}

/*ONE------------------------------------------------------------------------*/

.one-left, .one-right{
  width: 80vw;
  align-items: center;
}
.one-left, .one-right, .one-inner-r {
  justify-content: center;
}
.one-inner-r, .one-outer-r {
  width: 80vw;
  height: 100vh;
}


.sec-one {
  z-index: 1;
  align-items: center;
  flex-direction: column;
  margin-top: 10vh;
}
.sec-one-img {
  height: 90vh;
  top: 10vh;
  box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15);
}
.one-inner-r {
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(249, 243, 240, 1) 0%, rgba(255, 252, 250, 0.5) 70%);
  padding: 4% 0% 4% 10%;
  position: relative;
  transition: 1s ease;
  top: 0vh;
  z-index: 4;
  justify-content: flex-start !important;
  height: 100vh !important;
  margin-top: 0vh;
}
.nomargin {
  margin-top: 2.5vh;
}
.one-outer-r {
  background-size: cover;
  background-image: url(img/water.jpg);
  position: absolute;
  margin-top: 0vh;
  transition: 1.5s ease;
  z-index: 2;
  opacity: 0;
}
.one-inner-r:hover {
  box-shadow: inset 0px 0px 30px rgba(50, 50, 50, 0.1);
  background: linear-gradient(180deg, rgba(249, 243, 240, 1) 0%, rgba(255, 252, 250, 0.2) 90%);
}
.one-inner-r:hover+.one-outer-r {
  opacity: 1;
}
.icon-one {
  padding: 2vw 0vw 2vw 0vw;
  position: relative;
  width: 70%;
}

/*Two------------------------------------------------------------------------*/

.two-left, .two-right, .two-inner-l, .two-inner-r {
  width: 80vw;
  align-items: center;
  justify-content: center;
}
.two-inner-l, .two-inner-r{
  background: linear-gradient(180deg, rgba(249, 243, 240, 0.6) 0%, rgba(255, 252, 250, 1) 100%);
  height: 80vh;
  width: 80vw;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  top: 20vh;
  justify-content: flex-start !important;
}
.two-inner-l > .bottom, .two-inner-r > .bottom {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 100%;
}


.sec-two {
  flex-direction: column;
}
.two-inner-l {
}
.two-inner-r {
  top: 10vh  ;
  background-image: url(https://images.pexels.com/photos/459319/pexels-photo-459319.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
}
.two-inner-r > .top > p{
  color: #49453D !important;
}
.top {
  background: linear-gradient(180deg, rgba(249, 243, 240, 0.6) 0%, rgba(255, 252, 250, 0.4) 70%);
  width: 100%;
  height: 100%;
  padding: 4% 10% 4% 10%;
  box-sizing: border-box;
}
.child-one-img {
  width: 100%;
  height: 20vh;
}


/*THREE----------------------------------------------------------------------*/

.sec-three, .three-upper, .lower-upr, .three-lower {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.sec-three, .three-upper{
  flex-direction: column;
}
.lower-upr, .three-lower {
    flex-direction: column;
}
.lower-upr > .left, .lower-upr > .right, .three-lower > .left, .three-lower > .right {
  padding: 10vh 5vw;
  box-sizing: border-box;
}
.lower-upr > .left, .three-lower > .left {
  width: 80vw;
}
.upper-upr, .lower-upr > .right, .three-lower > .right {
  background-color: #ffffff;
  width: 80vw;
  text-align: right;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
}
.lower-upr, .three-lower > .right {
  position: relative;
}


.sec-three {
  padding-top: 15vh;
  top: 5vh;
}
.upper-upr {
  align-self: flex-end;
  padding: 0vh 5vw;
  box-sizing: border-box;
}
.lower-upr {
  width: 80vw;
  z-index: 2;
}
.lower-upr > .left {
  background: linear-gradient(0deg, rgba(249, 243, 240, 0.6) 0%, rgba(255, 252, 250, 1) 100%);
}
.lower-upr > .right {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.02) !important;
}
.three-lower > .left {
  background: linear-gradient(180deg, rgba(249, 243, 240, 0.6) 0%, rgba(255, 252, 250, 1) 100%);
}
.three-lower > .right {
  z-index: 1;
}

/*FOUR------------------------------------------------------------------------*/

.sec-four, .four-left, .four-right, .f-l-lwr, .f-upper-l, .f-lower-l, .f-upper-l > .left, .f-lower-l > .left, .f-upper-l > .right, .f-lower-l > .right {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.four-left, .four-right, .f-l-lwr, .f-upper-l > .left, .f-lower-l > .left, .f-upper-l > .right, .f-lower-l > .right {
  flex-direction: column;
}
.four-left, .four-right {
  min-height: 80vh;
  max-height: 80vh;
}
.f-l-upr, .f-r-upr {
  padding: 0vh 5vw;
  box-sizing: border-box;
  background-color: #fff;
}
.f-l-lwr, .f-r-lwr {
  width: 100%;
  height: 100%;
}
.f-upper-l > .left, .f-lower-l > .left {
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  padding: 0vh 0vw 0vh 5vw;
}
.f-upper-l > .right, .f-lower-l > .right {
  justify-content: center;
  width: 60%;
  align-items: flex-start;
  padding: 0vh 0vw 0vh 5vw;
}
.f-upper-l, .f-lower-l {
  height: 50%;
  position: relative;
  background-color: #fff;
  width: inherit;
}

.big-numb {
  line-height: 0.1;
  font-size: 4em;
  font-weight: 200;
  margin: 0;
  padding: 0.4em 0em;
  color: #ff4770;
  letter-spacing: 0.5vw !important;
}

.sec-four {
  padding-top: 7.5vh;
  top: 80vh;
  flex-direction: column;
}
.f-r-upr {
  display: none;
}
.four-left {
  width: 80vw;
}
.four-right {
  width: 80vw;
}
.f-l-upr {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
  z-index: 2;
}
.f-upper-l {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.02) !important;
  z-index: 3;
}
.f-lower-l {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
  z-index: 2;
}


footer, .foot, .foot-top, .foot-mid, .foot-low, .soc-menu, .add-menu {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.foot-top, .foot-mid, .foot-low, footer {
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.soc-menu, .add-menu {
  list-style: none;
  justify-content: space-between;
  padding: 0;
}
.soc-items, .add-items{
  width: 1vw;
}

footer {
  background: linear-gradient(0deg, rgba(239, 233, 230, 1) 0%, rgba(255, 252, 250, 1) 100%);
  height: 62.5vh;
  top: 157.5vh;
  position: relative;
  justify-content: center;
}
.f-high {
    top: 20vh !important;
}
.lower-t {
  top: 52.5vh;
}
.lower-tt {
    top: 42.5vh;
}
.higher-t {
    top: 350vh;
}
.foot {
  height: 50vh;
  flex-direction: column;
  align-items: center;
  width: 100vw;
}
.soc-menu {
  width: 70%;
}
.soc-img{
  width: 1.7em;
}
.add-menu {
  width: 70%;
  font-size: 0.9em;
}
.foot-top {
  order: 1;
}
.foot-mid {
  order: 2;
}
.foot-low {
  font-size: 1.2em;
  order: 3;
}
.foot-low a {
  font-size: 1em;
}


.textbox{
  align-items: left;
  flex-direction: column;
  z-index: 2;
  top: 20vh;
  height: 200vh;
}

.longer {
  height: 225vh;
}
.longest {
  height: 140vh;
}

@media (min-width: 480px) {
  /*------------------------------TEXTSTYLES--------------------------------*/
  a {
    font-size: 3em;
  }
  p {
    font-size: 3em;
  }
  h1 {
    font-size: 8em;
    line-height: 0.95;
  }
  .light-text {
    font-size: 1.7em;
  }
  /*------------------------------TEXTSTYLES--------------------------------*/

  /*------------------------------TOP-SCROLL--------------------------------*/
  .scroll-top:hover {
    transform: translateY(-1vw);
  }
  .scroll-img-up {
    width: 2vw;
    transform: rotate(180deg);
  }
  /*------------------------------TOP-SCROLL--------------------------------*/

  /*------------------------------HEADER------------------------------------*/
  .drop-btn {
    font-size: 1.8em;
  }
  /*------------------------------HEADER------------------------------------*/

  /*------------------------------SECTION-----------------------------------*/
  .sec-one-img {
  height: 90vh;
}
  section {
    width: 80vw;
    height: 100vh;
  }
  /*------------------------------SECTION-----------------------------------*/
}

@media (min-width: 768px) {
  /*------------------------------TEXTSTYLES--------------------------------*/
  a {
    font-size: 1.4em;
  }
  p {
    font-size: 1.4em;
  }
  h1 {
    font-size: 4em;
    line-height: 0.95;
  }
  .light-text {
    font-size: 1.3em;
  }
  /*------------------------------TEXTSTYLES--------------------------------*/

  /*------------------------------HEADER------------------------------------*/
  header {
    background: #FFFFFF;
    width: 100%;
    height: 20vh;
    margin: 0;
    position: absolute;
    z-index: 5;
  }
  nav {
    margin: 0;
    padding: 0;
    height: 100%;
    list-style-type: none;
    justify-content: center;
    align-items: center;
  }
  .nav-logo, .nav-menu {
    margin: 0;
    padding: 0;
    width: 45vw;
    height: 100%;
    align-items: center;
  }
  #logo {
    width: 40px;
  }
  .logo-text {
    padding-left: 0.5vw;
    font-size: 1.5em;
    font-weight: 600;
    color: #ff4770;
  }
  .ham-menu {
    display: none;
  }
  .nav-menu {
    list-style: none;
    justify-content: space-between;
    width: 45;
  }
  .nav-items {
    font-size: 1em;
    display: block;
  }
  .dropdown {
    position: relative;
    justify-content: start;
    -ms-align-items: end;
    align-items: end;
  }
  .drop-btn {
    border: none;
    font-size: 1.36em;
    background: transparent;
    color: #0077B6: padding: 0;
    transition: 0.2s;
  }
  .drop-items {
    padding-top: 2.5vh;
    top: 0vh;
    opacity: 0;
    width: 100%;
    position: absolute;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    flex-direction: column;
    font-size: 0.9em;
    transition: 1.3s 0.2s ease;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .drop-items a {
    padding-top: 0.5vh;
    transition: 0.5s ease !important;
    -webkit-transform: translateX(0.1vw);
    -ms-transform: translateX(0.1vw);
    transform: translateX(0.1vw);
  }
  .dropdown:hover .drop-btn {
    color: rgba(0, 155, 237, 0.8);
  }
  .dropdown:hover .drop-items {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  .dropdown:hover .drop-items a {
    padding-top: 1vh;
  }
  .drop-items a:hover {
    -webkit-transform: translateX(0.5vw);
    -ms-transform: translateX(0.5vw);
    transform: translateX(0.5vw);
  }
  /*------------------------------HEADER------------------------------------*/
  .scroll-top {
    width: 4vw;
    height: 5vh;
    left: 0vw;
    top: 50vh;
    border-radius: 0.2vw;
  }
  /*------------------------------SECTION-----------------------------------*/
  section {
    width: 90vw;
    height: 100vh;
  }
  /*HOME---------------------------------------------*/
  .home > .left, .home > .right{
    width: 45vw;
  }
  .home-img, .sec-one-img {
    width: 35.75vw;
  }

  .home {
    flex-direction: row;
  }
  .home > .left {
    height: 100vh;
    justify-content: flex-start;
    top: 0vh;
    position: static;
  }
  .home > .left > .inner {
    width: 42.5vw;
    min-height: 80vh;
    top: 25vh;
    padding: 4%;
  }
  .home > .left > .outer {
    width: 42.5vw;
    height: 45vh;
    margin-left: 5vw;
    margin-top: 10vh;
    z-index: 0;
  }
  .home > .right > .outer {
    min-width: 30vw;
    height: 100vh;
    margin-left: 15vw;
    margin-top: 64vh;
    display: block;
  }
  .home > .right {
    z-index: 4;
  }
  .home-img {
    height: 100vh;
    top: 25vh;
    z-index: 4;
  }
  .scroll-img {
    margin-left: -27.5vw;
    width: 3vw;
    margin-top: 80vh;
    position: relative;
    opacity: 0.5;
  }
  /*ONE---------------------------------------------*/
  .one-left, .one-right{
    width: 45vw;
    align-items: center;
  }
  .one-inner-r, .one-outer-r {
    width: 35.75vw;
    height: 100vh;
  }

  .sec-one {
    align-items: center;
    flex-direction: row;
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 155, 237, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  }
  .sec-one-img {
    height: 80vh;
    top: 30vh;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
  }
  .one-inner-r {
    flex-direction: column;
    align-items: center;
    text-align: left;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(249, 243, 240, 1) 0%, rgba(255, 252, 250, 0.5) 70%);
    padding: 4% 10% 4% 10%;
    position: relative;
    transition: 1s ease;
    top: 10vh;
    z-index: 3;
    justify-content: flex-start !important;
    height: 100vh !important;
    margin-top: 0vh;
  }
  .one-outer-r {
    background-size: cover;
    background-image: url(img/water.jpg);
    position: absolute;
    top: 10vh;
    transition: 1.5s ease;
    z-index: 2;
    opacity: 0;
  }
  .one-inner-r:hover {
    box-shadow: inset 0px 0px 30px rgba(50, 50, 50, 0.1);
    background: linear-gradient(180deg, rgba(249, 243, 240, 1) 0%, rgba(255, 252, 250, 0.2) 90%);
  }
  .one-inner-r:hover+.one-outer-r {
    opacity: 1;
  }
  .icon-one {
    padding: 2vw 0vw 2vw 0vw;
    position: relative;
    width: 70%;
  }
  /*two---------------------------------------------*/
  .two-left, .two-right, .two-inner-l, .two-inner-r {
    width: 45vw;
    align-items: center;
    justify-content: center;
  }
  .two-inner-l, .two-inner-r{
    background: linear-gradient(180deg, rgba(249, 243, 240, 0.6) 0%, rgba(255, 252, 250, 1) 100%);
    height: 80vh;
    width: 35.75vw;
    flex-direction: column;
    align-items: center;
    text-align: left;
    box-sizing: border-box;
    padding:0 ;
    position: relative;
    top: 20vh;
    justify-content: flex-start !important;
  }
  .two-inner-l > .bottom, .two-inner-r > .bottom {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100%;
  }

  .sec-two {
    flex-direction: row;
  }
  .two-inner-l {
    top: 20vh;
  }
  .two-inner-r {
    background-image: url(https://images.pexels.com/photos/459319/pexels-photo-459319.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
  }
  .two-inner-r > .bottom > p{
    color: white !important;
  }
  .child-one-img {
    width: 100%;
    height: 20vh;
  }
  /*THREE------------------------------------------*/
  .sec-three, .three-upper, .lower-upr, .three-lower {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .sec-three, .three-upper{
    flex-direction: column;
  }
  .lower-upr, .three-lower {
      flex-direction: row;
  }
  .lower-upr > .left, .lower-upr > .right, .three-lower > .left, .three-lower > .right {
    padding: 10vh 5vw;
    box-sizing: border-box;
  }
  .lower-upr > .left, .three-lower > .left {
    width: 45vw;
  }
  .upper-upr, .lower-upr > .right, .three-lower > .right {
    background-color: #ffffff;
    width: 45vw;
    text-align: right;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
  }
  .lower-upr, .three-lower > .right {
    position: relative;
  }

  .sec-three {
    padding-top: 15vh;
    top: 5vh;
    height: 80vh;
  }
  .upper-upr {
    align-self: flex-end;
    padding: 0vh 5vw;
    box-sizing: border-box;
  }
  .lower-upr {
    width: 90vw;
    z-index: 2;
  }
  .lower-upr > .left {
    background: linear-gradient(0deg, rgba(249, 243, 240, 0.6) 0%, rgba(255, 252, 250, 1) 100%);
  }
  .lower-upr > .right {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.02) !important;
  }
  .three-lower > .left {
    background: linear-gradient(180deg, rgba(249, 243, 240, 0.6) 0%, rgba(255, 252, 250, 1) 100%);
  }
  .three-lower > .right {
    z-index: 1;
  }
  /*FOUR------------------------------------------*/
  .sec-four, .four-left, .four-right, .f-l-lwr, .f-upper-l, .f-lower-l, .f-upper-l > .left, .f-lower-l > .left, .f-upper-l > .right, .f-lower-l > .right {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .four-left, .four-right, .f-l-lwr, .f-upper-l > .left, .f-lower-l > .left, .f-upper-l > .right, .f-lower-l > .right {
    flex-direction: column;
  }
  .four-left, .four-right {
    min-height: 60vh;
    max-height: 80vh;
  }
  .f-l-upr, .f-r-upr {
    padding: 0vh 5vw;
    box-sizing: border-box;
    background-color: #fff;
  }
  .f-l-lwr, .f-r-lwr {
    width: 100%;
    height: 100%;
  }
  .f-upper-l > .left, .f-lower-l > .left {
    justify-content: center;
    align-items: flex-start;
    width: 40%;
    padding: 0vh 0vw 0vh 5vw;
  }
  .f-upper-l > .right, .f-lower-l > .right {
    justify-content: center;
    width: 60%;
    align-items: flex-start;
    padding: 0vh 0vw 0vh 5vw;
  }
  .f-upper-l, .f-lower-l {
    height: 50%;
    position: relative;
    background-color: #fff;
    width: inherit;
  }

  .big-numb {
    line-height: 0.1;
    font-size: 2em;
    font-weight: 200;
    margin: 0;
    padding: 0.4em 0em;
    color: #ff4770;
    letter-spacing: 0.5vw !important;
  }

  .sec-four {
    padding-top: 7.5vh;
    top: 15vh;
    flex-direction: row;
  }
  .f-r-upr {
    display: flex;
  }
  .four-left {
    width: 50vw;
  }
  .four-right {
    width: 40vw;
  }
  .f-l-upr {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
    z-index: 2;
  }
  .f-upper-l {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.02) !important;
    z-index: 3;
  }
  .f-lower-l {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
    z-index: 2;
  }
  /*FOOTER------------------------------------------*/
  footer, .foot, .foot-top, .foot-mid, .foot-low, .soc-menu, .add-menu {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .foot-top, .foot-mid, .foot-low, footer {
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
  }
  .soc-menu, .add-menu {
    list-style: none;
    justify-content: space-between;
    width: 50%;
  }
  .soc-items, .add-items{
    width: 1vw;
  }

  footer {
    background: linear-gradient(0deg, rgba(239, 233, 230, 1) 0%, rgba(255, 252, 250, 1) 100%);
    height: 32.5vh;
    top: 12.5vh;
    position: relative;
    justify-content: center;
  }
  .lower-t {
    top: 2.5vh;
  }
  .foot {
    height: 25vh;
    flex-direction: row;
    width: 100vw;
  }
  .soc-menu {
    width: 50%;
  }
  .soc-img{
    width: 2em;
  }
  .add-menu {
    width: 60%;
    font-size: 0.9em;
  }
  .foot-top {
    order: 2;
  }
  .foot-mid {
    order: 1;
  }
  .foot-low {
    font-size: 0.8em;
    order: 3;
  }
  /*------------------------------SECTION-----------------------------------*/
}

@media (min-width: 992px) {
  /*------------------------------TEXTSTYLES--------------------------------*/
  a {
    font-size: 0.95em;
  }
  p {
    font-size: 0.95em;
  }
  h1 {
    font-size: 3em;
    line-height: 0.95;
  }
  .light-text {
    font-size: 0.8em;
  }
  /*------------------------------TEXTSTYLES--------------------------------*/

  /*------------------------------TOP-SCROLL--------------------------------*/
  .scroll-top {
    width: 5vw;
    height: 5vh;
    left: 1vw;
    top: 80vh;
    border-radius: 0.2vw;
  }
  .scroll-top:hover {
    transform: translateY(-0.5vw);
  }
  .scroll-img-up {
    width: 2vw;
    transform: rotate(180deg);
  }
  /*------------------------------TOP-SCROLL--------------------------------*/

  /*------------------------------HEADER------------------------------------*/
  .nav-logo, .nav-menu {
    width: 40vw;
  }
  #logo {
    width: 40px;
  }
  .drop-btn {
    font-size: 0.9em;
  }

  /*------------------------------HEADER------------------------------------*/

  /*------------------------------SECTION-----------------------------------*/
  section {
    width: 80vw;
    height: 100vh;
  }
  /*HOME---------------------------------------------*/
  .home > .left, .home > .right{
    width: 40vw;
    align-items: center;
  }
  .home > .right {
    justify-content: center;
  }
  .home-img, .sec-one-img {
    width: 30vw;
    object-fit: cover;
    position: absolute;
  }

  .home {
    align-items: center;
  }
  .home > .left {
    height: 80vh;
    justify-content: flex-start;
  }
  .home > .left > .inner {
    z-index: 4;
    width: 35vw;
    position: absolute;
    box-sizing: border-box;
    background: linear-gradient(0deg, rgba(249, 243, 240, 1) 0%, rgba(255, 252, 250, 1) 100%);
    padding: 4%;
    min-height: 30vh;
    top: 30vh;
  }
  .home > .left > .outer {
    box-sizing: border-box;
    width: 35vw;
    height: 35%;
    padding: 4%;
    border: 3px solid #F9F3F0;
    margin-left: 5vw;
    margin-top: 10%;
    z-index: 0;
  }
  .scroll-img {
    margin-left: -25vw;
    width: 2vw;
    margin-top: 80vh;
    position: relative;
    opacity: 0.5;
  }
  .home > .right {
    z-index: 4;
  }
  .home > .right > .outer {
    min-width: 30vw;
    height: 100vh;
    background: linear-gradient(180deg, rgba(249, 243, 240, 1) 0%, rgba(255, 252, 250, 0) 100%);
    margin-left: 10vw;
    margin-top: 64vh;
    z-index: 0;
  }
  .home-img {
    height: 100vh;
    top: 25vh;
    z-index: 4;
  }
  /*ONE---------------------------------------------*/
  .one-left, .one-right{
    width: 40vw;
    align-items: center;
  }
  .one-left, .one-right, .one-inner-r {
    justify-content: center;
  }
  .one-inner-r, .one-outer-r {
    width: 30vw;
    height: 100vh;
  }

  .sec-one {
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 155, 237, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  }
  .sec-one-img {
    height: 80vh;
    top: 30vh;
  }
  .one-inner-r {
    flex-direction: column;
    align-items: center;
    text-align: left;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(249, 243, 240, 1) 0%, rgba(255, 252, 250, 0.5) 70%);
    padding: 4% 5% 4% 10%;
    position: relative;
    transition: 1s ease;
    top: 10vh;
    z-index: 3;
    justify-content: flex-start !important;
    height: 100vh !important;
    margin-top: 0vh;
  }
  .one-outer-r {
    background-size: cover;
    background-image: url(img/water.jpg);
    position: absolute;
    top: 10vh;
    transition: 1.5s ease;
    z-index: 2;
    opacity: 0;
  }
  .one-inner-r:hover {
    box-shadow: inset 0px 0px 30px rgba(50, 50, 50, 0.1);
    background: linear-gradient(180deg, rgba(249, 243, 240, 1) 0%, rgba(255, 252, 250, 0.2) 90%);
  }
  .one-inner-r:hover+.one-outer-r {
    opacity: 1;
  }
  .icon-one {
    padding: 2vw 0vw 2vw 0vw;
    position: relative;
    width: 70%;
  }
  /*two---------------------------------------------*/
  .two-left, .two-right, .two-inner-l, .two-inner-r {
    width: 40vw;
    align-items: center;
    justify-content: center;
  }
  .two-inner-l, .two-inner-r{
    background: linear-gradient(180deg, rgba(249, 243, 240, 0.6) 0%, rgba(255, 252, 250, 1) 100%);
    height: 80vh;
    width: 30vw;
    flex-direction: column;
    align-items: center;
    text-align: left;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    top: 10vh;
    justify-content: flex-start !important;
  }
  .two-inner-l > .bottom, .two-inner-r > .bottom {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100%;
  }

  .sec-two {
  }
  .two-inner-l {
    top: 20vh;
  }
  .two-inner-r {
    background-image: url(https://images.pexels.com/photos/459319/pexels-photo-459319.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
  }
  .two-inner-r > .bottom > p{
    color: white !important;
  }
  .child-one-img {
    width: 100%;
    height: 20vh;
  }
  /*THREE------------------------------------------*/
  .sec-three, .three-upper, .lower-upr, .three-lower {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .sec-three, .three-upper{
    flex-direction: column;
  }
  .lower-upr, .three-lower {
      flex-direction: row;
  }
  .lower-upr > .left, .lower-upr > .right, .three-lower > .left, .three-lower > .right {
    padding: 10vh 5vw;
    box-sizing: border-box;
  }
  .lower-upr > .left, .three-lower > .left {
    width: 35vw;
  }
  .upper-upr, .lower-upr > .right, .three-lower > .right {
    background-color: #ffffff;
    width: 45vw;
    text-align: right;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
  }
  .lower-upr, .three-lower > .right {
    position: relative;
  }

  .sec-three {
    padding-top: 15vh;
    top: 5vh;
  }
  .upper-upr {
    align-self: flex-end;
    padding: 0vh 5vw;
    box-sizing: border-box;
  }
  .lower-upr {
    width: 80vw;
    z-index: 2;
  }
  .lower-upr > .left {
    background: linear-gradient(0deg, rgba(249, 243, 240, 0.6) 0%, rgba(255, 252, 250, 1) 100%);
  }
  .lower-upr > .right {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.02) !important;
  }
  .three-lower > .left {
    background: linear-gradient(180deg, rgba(249, 243, 240, 0.6) 0%, rgba(255, 252, 250, 1) 100%);
  }
  .three-lower > .right {
    z-index: 1;
  }
  /*FOUR------------------------------------------*/
  .sec-four, .four-left, .four-right, .f-l-lwr, .f-upper-l, .f-lower-l, .f-upper-l > .left, .f-lower-l > .left, .f-upper-l > .right, .f-lower-l > .right {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .four-left, .four-right, .f-l-lwr, .f-upper-l > .left, .f-lower-l > .left, .f-upper-l > .right, .f-lower-l > .right {
    flex-direction: column;
  }
  .four-left, .four-right {
    min-height: 60vh;
    max-height: 80vh;
  }
  .f-l-upr, .f-r-upr {
    padding: 0vh 5vw;
    box-sizing: border-box;
    background-color: #fff;
  }
  .f-l-lwr, .f-r-lwr {
    width: 100%;
    height: 100%;
  }
  .f-upper-l > .left, .f-lower-l > .left {
    justify-content: center;
    align-items: flex-start;
    width: 40%;
    padding: 0vh 0vw 0vh 5vw;
  }
  .f-upper-l > .right, .f-lower-l > .right {
    justify-content: center;
    width: 60%;
    align-items: flex-start;
    padding: 0vh 0vw 0vh 5vw;
  }
  .f-upper-l, .f-lower-l {
    height: 50%;
    position: relative;
    background-color: #fff;
    width: inherit;
  }

  .big-numb {
    line-height: 0.1;
    font-size: 2em;
    font-weight: 200;
    margin: 0;
    padding: 0.4em 0em;
    color: #ff4770;
    letter-spacing: 0.5vw !important;
  }

  .sec-four {
    padding-top: 7.5vh;
    top: 15vh;
    flex-direction: row;
  }
  .f-r-upr {
    display: flex;
  }
  .four-left {
    width: 45vw;
  }
  .four-right {
    width: 35vw;
  }
  .f-l-upr {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
    z-index: 2;
  }
  .f-upper-l {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.02) !important;
    z-index: 3;
  }
  .f-lower-l {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
    z-index: 2;
  }
  /*FOOTER------------------------------------------*/
  footer, .foot, .foot-top, .foot-mid, .foot-low, .soc-menu, .add-menu {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .foot-top, .foot-mid, .foot-low, footer {
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
  }
  .soc-menu, .add-menu {
    list-style: none;
    justify-content: space-between;
    width: 50%;
  }
  .soc-items, .add-items{
    width: 1vw;
  }

  footer {
    background: linear-gradient(0deg, rgba(239, 233, 230, 1) 0%, rgba(255, 252, 250, 1) 100%);
    height: 32.5vh;
    top: 12.5vh;
    position: relative;
    justify-content: center;
  }
  .foot {
    height: 25vh;
    flex-direction: row;
    width: 100vw;
  }
  .soc-menu {
    width: 40%;
  }
  .soc-img{
    width: 1.7em;
  }
  .add-menu {
    width: 60%;
    font-size: 0.9em;
  }
  .foot-top {
    order: 2;
  }
  .foot-mid {
    order: 1;
  }
  .foot-low {
    font-size: 0.8em;
    order: 3;
  }
  /*------------------------------SECTION-----------------------------------*/
}

@media (min-width: 1200px) {
  /*------------------------------HEADER------------------------------------*/
  #logo {
    width: 45px;
  }
  /*------------------------------HEADER------------------------------------*/

  .home > .left > .outer {
    box-sizing: border-box;
    width: 35vw;
    height: 55%;
    padding: 4%;
    border: 3px solid #F9F3F0;
    margin-left: 5vw;
    margin-top: 20%;
    z-index: 0;
  }
}