body {
  padding: 0;
  margin: 0;
  font-family: 'Playfair Display', serif;
  color: #fff;
}

.form_desk {
	display: block;
}
.form_tab {
	display: none;
}
	
  input {
	background-color: transparent;
	border: 1.5px solid white;
	font-family: 'oswald', serif;
	height: 30px;
	color: white;
  }
  input:focus { 
  background-color: transparent;
}
 input.visited { 
  background-color: transparent;
}
  textarea {
	background-color: transparent;
	border: 1.5px solid white;
	font-family: 'oswald', serif;
	color: white;
  }
input[id^="ip1"]::-webkit-input-placeholder { 
  padding-left: 5%;
}
input[id^="ip1"]::-moz-placeholder { 
  padding-left: 5%;
}
input[id^="ip1"]:-ms-input-placeholder { 
  padding-left: 5%;
}
input[id^="ip1"]:-moz-placeholder { 
  padding-left: 5%;
}

input[id^="ip2"]::-webkit-input-placeholder { 
  padding-left: 5%;
}
input[id^="ip2"]::-moz-placeholder { 
  padding-left: 5%;
}
input[id^="ip2"]:-ms-input-placeholder { 
  padding-left: 5%;
}
input[id^="ip2"]:-moz-placeholder { 
  padding-left: 5%;
}
  ::placeholder {
	color: white;
	font-family: 'oswald', serif;
	padding-left: 2.5%;
  }
#hero {
  height: 1400px;
  overflow: hidden;
  position: relative;
}
#content {
  background-color: #130d0a;
}

.layer {
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 800px;
  position: fixed;
  z-index: -1;
}


.first-section {
  padding: 50px 0 20px 0;
}

.text-header {
  font-size: 50px;
  text-align: center;
}

h1 {
  line-height: 120%;
  margin-bottom: 30px;
}

p {
  color: #ede0d5;
  font-size: 18px;
  line-height: 150%;
}

#hero, .layer {
  min-height: 600vh;
}

.layer-bg {
		  background-image: url("../mobimg/1.png");
	}

	.layer-1 {
	  background-image: url("../mobimg/4.png");
	  background-position: top;
	}

	.layer-2 {
	  background-image: url("../mobimg/2.png");
	}

	.layer-3 {
	  background-image: url("../mobimg/3.png");
	  background-position: right bottom;
	}

	.layer-4 {
	  background-image: url("../mobimg/5.png");
	}
	.layer-5 {
	  background-image: url("../mobimg/6.png");
	}
.layer-overlay {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/272781/ilu_overlay.png\a 		");
}
.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
    outline: none;
}
	.container-fluid.d_about .row {
	    min-height: 100vh;
	}
	.container-fluid.d_mission .row {
	    min-height: 70vh;
	}
	.container-fluid.d_coastal .dcoastal_row{
	    min-height: 70vh;
	}
	
	#mobms1, #deskms1 {
	    opacity: 1;
	    text-decoration: underline;
	    text-underline-position: under;
	}
	
	#mobms2,#deskms2 {
	    opacity: 0.7;
	    text-underline-position: under;
	}
	
	#mobms1, #mobms2 {
	    font-size: 18px;
	    font-weight: 500;
	}
	
	#deskms1, #deskms2 {
	    font-size: 20px;
	    font-weight: 500;
	}
	
@media (max-width: 2560px) {
		#hero, .layer {
				min-height: 750vh;
			}
		input {
				height: 50px;
			}
		textarea {
				height: 100px;
			}
		.container-fluid.d_lgo {
				padding-top: 9%;
				min-height: 250vh !important;
			}
		.container-fluid.d_about {
				padding-top: 40% !important;
			}
        .container-fluid.d_about .row {
                min-height: 220vh;
            }			
		.container-fluid.d_mission {
				padding-top: 40% !important;
			}
		.container-fluid.d_mission .row {
                min-height: 220vh;
           }
		.container-fluid.d_coastal {
				padding-top: 45% !important;
			}
		.container-fluid.d_coastal .dcoastal_row {
                 min-height: 280vh;
            }
		.container-fluid.d_contact {
				padding-top: 60% !important;
				padding-bottom: 40%;
			}
	}
@media (max-width: 1920px) and (max-height: 1080px) {
	#hero, .layer {
		min-height: 680vh;
	}
	.hero {
	    height: 800vh;
	}
	h6 {
		font-size: 2rem;
	}
	.container-fluid.d_lgo {
	    min-height: 220vh !important;
	    padding-top: 6% !important;
	}
	.container-fluid.d_about {
	    padding-top: 20% !important;
    }
    .container-fluid.d_about .row {
        min-height: 220vh;
    }
	.container-fluid.d_mission {
		padding-top: 25% !important;
	}
	.container-fluid.d_mission .row {
	    min-height: 180vh;
	}
	.container-fluid.d_coastal {
		padding-top: 35% !important;
	}
	.container-fluid.d_coastal .dcoastal_row {
        min-height: 250vh;
    }
	.container-fluid.d_contact {
		padding-top: 35% !important;
		padding-bottom: 35%;
	}
	input {
		font-size: 18px;
		height: 40px;
	}
	textarea {
		height: 70px;
		font-size: 18px;
	}
}
@media (max-width: 1920px) and (max-height: 937px) {
	#hero, .layer {
		min-height: 670vh;
	}
	input {
		font-size: 18px;
		height: 40px;
	}
	textarea {
		height: 70px;
		font-size: 18px;
	}
	.container-fluid.d_lgo {
		padding-top: 4% !important;
	}
	h6 {
		font-size: 2rem;
	}
	.container-fluid.d_about {
	    padding-top: 15% !important;
    }
    .container-fluid.d_about .row {
         min-height: 220vh;
    }
	.container-fluid.d_mission {
		padding-top: 20% !important;
	}
	.container-fluid.d_coastal {
		padding-top: 30% !important;
	}
	.container-fluid.d_coastal .dcoastal_row {
        min-height: 220vh;
    }
	.container-fluid.d_contact {
		padding-top: 30% !important;
		padding-bottom: 40%;
	}
}
@media (max-width: 1560px) {
	#hero, .layer {
		min-height: 600vh;
	}
	.container-fluid.d_lgo {
	    min-height: 180vh !important;
	    padding-top: 0 !important;
	}
	.container-fluid.d_about {
	    padding-top: 15% !important;
    }
    .container-fluid.d_about .row {
        min-height: 150vh;
    }
	.container-fluid.d_mission {
		padding-top: 14% !important;
	}
	.container-fluid.d_mission .row {
        min-height: 180vh;
    }
	.container-fluid.d_coastal {
		padding-top: 30% !important;
	}
	.container-fluid.d_coastal .dcoastal_row {
        min-height: 210vh;
    }
	.container-fluid.d_contact {
		padding-top: 30% !important;
		padding-bottom: 25%;
	}
}

@media (max-width: 1440px) and (max-height: 900px) { 
  .d_lgo {
      padding-top: 12%;
    }
    .container-fluid.d_about {
	    padding-top: 25% !important;
    }
    .container-fluid.d_about .row {
        min-height: 200vh;
    }
  .container-fluid.d_mission {
     padding-top: 25% !important;
   }
   .container-fluid.d_mission .row {
        min-height: 170vh;
    }
   .container-fluid.d_coastal {
       padding-top: 10% !important;
    }
    .container-fluid.d_coastal .dcoastal_row {
        min-height: 190vh;
    }
   .container-fluid.d_contact {
       padding-top: 40% !important;
       padding-bottom: 30%;
    }
}

@media (max-width: 1366px) and (max-height: 1024px) {
	.container-fluid.d_lgo {
		padding-top: 4% !important;
	}
	.container-fluid.d_about {
	    padding-top: 25% !important;
    }
    .container-fluid.d_about .row {
        min-height: 190vh;
    }
	.container-fluid.d_mission {
		padding-top: 25% !important;
	}
	.container-fluid.d_mission .row {
		min-height: 190vh;
	}
	.container-fluid.d_coastal {
		padding-top: 30% !important;
	}
	.container-fluid.d_coastal .dcoastal_row {
		min-height: 200vh;
	}
	.container-fluid.d_contact {
		padding-top: 50% !important;
		padding-bottom: 40%;
	}
}

@media (max-width: 1366px) and (max-height: 969px) {
	.container-fluid.d_lgo {
		padding-top: 17% !important;
	}
	.container-fluid.d_about {
	    padding-top: 25% !important;
    }
    .container-fluid.d_about .row {
        min-height: 190vh;
    }
	.container-fluid.d_mission {
		padding-top: 25% !important;
	}
	.container-fluid.d_mission .row {
		min-height: 190vh;
	}
	.container-fluid.d_coastal {
		padding-top: 30% !important;
	}
	.container-fluid.d_coastal .dcoastal_row {
		min-height: 200vh;
	}
	.container-fluid.d_contact {
		padding-top: 40% !important;
		padding-bottom: 35%;
	}
}

@media(max-width: 1366px) and (max-height: 657px) {
	.container-fluid.d_lgo {
		padding-top: 0 !important;
	}
	.container-fluid.d_lgo .row {
	    padding-top: 0 !important;
	}
	.container-fluid.d_about {
	    padding-top: 25% !important;
    }
    .container-fluid.d_about .row {
        min-height: 160vh;
    }
	.container-fluid.d_mission {
		padding-top: 25% !important;
	}
	.container-fluid.d_mission .row {
		min-height: 190vh;
	}
	.container-fluid.d_coastal {
		padding-top: 15% !important;
	}
	.container-fluid.d_coastal .dcoastal_row {
		min-height: 190vh;
	}
	.container-fluid.d_contact {
		padding-top: 30% !important;
		padding-bottom: 30%;
	}
}

/*@media (max-width: 1280px) and (max-height: 950px) {*/
/*		.container-fluid.d_lgo.d_lgo {*/
/*				padding-top: 6% !important;*/
/*			}*/
/*		.container-fluid.d_about {*/
/*				padding-top: 30% !important;*/
/*			}*/
/*		.container-fluid.d_about .row {*/
/*            min-height: 180vh;*/
/*        }*/
/*		.container-fluid.d_mission {*/
/*				padding-top: 40% !important;*/
/*			}*/
/*		.container-fluid.d_coastal {*/
/*				padding-top: 30% !important;*/
/*			}*/
/*		.container-fluid.d_coastal .dcoastal_row {*/
/*                min-height: 200vh;*/
/*            }*/
/*		.container-fluid.d_contact {*/
/*				padding-top: 30% !important;*/
/*				padding-bottom: 40%;*/
/*			}*/
/*	}*/


@media (max-width: 1280px) and (max-height: 950px) {
		.container-fluid.d_lgo.d_lgo {
				padding-top: 6% !important;
			}
		.container-fluid.d_about {
				padding-top: 130% !important;
			}
		.container-fluid.d_about .row {
            min-height: 180vh;
        }
		.container-fluid.d_mission {
				padding-top: 40% !important;
			}
		.container-fluid.d_coastal {
				padding-top: 30% !important;
			}
		.container-fluid.d_coastal .dcoastal_row {
                min-height: 200vh;
            }
		.container-fluid.d_contact {
				padding-top: 40% !important;
				padding-bottom: 30%;
			}
}

@media(max-width: 1280px) and (max-height: 800px) {
    .container-fluid.d_lgo.d_lgo {
				padding-top: 0% !important;
			}
		.container-fluid.d_about {
				padding-top: 20% !important;
			}
		.container-fluid.d_about .row {
            min-height: 150vh;
        }
		.container-fluid.d_mission {
				padding-top: 40% !important;
			}
		.container-fluid.d_mission .row {
            min-height: 150vh;
        }
		.container-fluid.d_coastal {
				padding-top: 40% !important;
			}
		.container-fluid.d_coastal .dcoastal_row {
		        min-height: 180vh;
		}
		.container-fluid.d_contact {
				padding-top: 40% !important;
				padding-bottom: 30%;
			}
	}

@media(max-width: 1024px) {
	.gallery {
		width: 100% !important;
	}
	.form_desk {
		display: none !important;
	}
	.form_tab {
		display: block !important;
	}
	.container-fluid.d_lgo.d_lgo {
		padding-top: 29% !important;
	}
	.d_lgo>.row>.col> h6 {
		font-size: 2rem;
	}
}
@media(max-width: 1024px) and (orientation: landscape) {
		.container-fluid.d_lgo.d_lgo {
			padding-top: 0 !important;
		}
		.container-fluid.d_about {
			padding-top: 50% !important;
		}
		.container-fluid.d_mission {
			padding-top: 40% !important;
		}
		.container-fluid.d_coastal {
			padding-top: 45% !important;
		}
		.container-fluid.d_contact {
			padding-top: 60% !important;
		}
}
@media(max-width: 1024px) and (orientation: portrait) {
	.container-fluid.d_about {
	    padding-top: 80% !important;
    }
    .container-fluid.d_about .row {
        min-height: 200vh;
    }
	.container-fluid.d_mission {
		padding-top: 60% !important;
	}
	.container-fluid.d_mission .row {
        min-height: 150vh;
    }
	.container-fluid.d_coastal {
		padding-top: 80% !important;
	}
	.container-fluid.d_coastal .dcoastal_row {
        min-height: 200vh;
    }
	.container-fluid.d_contact {
		padding-top: 50% !important;
		padding-bottom: 40%;
	}
}

@media(max-width: 768px) {
	.uldesk {
		position: relative !important;
		right: 0 !important;
		width: 100% !important;
		display: inline-block;
	}
	.uldesk li {
		display: inline-block;
		margin-left: 3%;
		margin-right: 3%;
	}
	.uldesk li.nav-item.active {
		margin-left: 0;
	}
	.container-fluid.d_about {
	    padding-top: 150% !important;
    }
    .container-fluid.d_about .row {
        min-height: 150vh;
    }
    .container-fluid.d_mission {
        padding-top: 110% !important;
    }
    .container-fluid.d_mission .row {
        min-height: 200vh;
    }
    .container-fluid.d_coastal {
        padding-top: 80% !important;
    }
    .container-fluid.d_coastal .dcoastal_row {
        min-height: 220vh;
    }
	.container-fluid.d_contact {
		padding-top: 105% !important;
	}
	#mobmission2, #mobmission3 {
		display: none;
	}
	input {
		font-size: 18px;
		height: 40px;
	}
	textarea {
		height: 70px;
		font-size: 18px;
	}
	#hero, .layer {
    min-height: 685vh;
}
.ico-logo ul {
    padding-left: 0;
}
.ico-logo li {
    margin: 0 !important;
    margin-top: 15px !important;
}
.d_lgo {
    padding-top: 6%;
}
}

/*@media (max-width:768px){*/
/*    	h6 {*/
/*		font-size: 1rem;*/
/*	}*/
/*	.lgo {*/
/*		padding-top: 40%;*/
/*	}*/
	
/*	.about {*/
/*		padding-top: 150%;*/
/*		padding-left: 5%;*/
/*		padding-right: 5%;*/
/*	}*/
    /*.about .row {*/
    /*    min-height: 70vh;*/
    /*}*/
/*	.mission {*/
/*		padding-top: 80%;*/
/*		position: relative;*/
/*		padding-left: 5%;*/
/*		padding-right: 5%;*/
/*	}*/
	/*.mission .row {*/
 /*       min-height: 70vh;*/
 /*   }*/
/*	.coastal {*/
/*		padding-top: 50%;*/
/*		position: relative;*/
/*		padding-left: 5%;*/
/*		padding-right: 5%;*/
/*	}*/
	/*.mission .row {*/
 /*       min-height: 70vh;*/
 /*   }*/
/*	.contact {*/
/*		padding-top: 115%;*/
/*	}*/
/*  #about_mob {*/
/*      min-height: 80vh;*/
/*  }*/
/*  #mission_mob .row {*/
/*      min-height: 60vh;*/
/*  }*/
/*  #coastal .row {*/
/*      min-height: 75vh;*/
/*  }*/
/*  p {*/
/*    color: white;*/
/*    font-size: 14px;*/
/*    font-family: 'Playfair Display', serif;*/
/*    text-align: left;*/
/*    line-height: 18px;*/
/*    z-index: 4;*/
/*}*/
/*}*/

@media (max-width: 678px) {
    .mob-log-icon {
        padding-top: 20%;
    }
    .mob-log-icon .col-6{
        /*text-align: center;*/
        padding-bottom: 10%;
    }
	h6 {
		font-size: 1rem;
	}
	.lgo {
		padding-top: 40%;
	}
	
	.about {
		padding-top: 50%;
		padding-left: 5%;
		padding-right: 5%;
	}
    /*.about .row {*/
    /*    min-height: 70vh;*/
    /*}*/
	.mission {
		padding-top: 80%;
		position: relative;
		padding-left: 5%;
		padding-right: 5%;
	}
	/*.mission .row {*/
 /*       min-height: 70vh;*/
 /*   }*/
	.coastal {
		padding-top: 50%;
		position: relative;
		padding-left: 5%;
		padding-right: 5%;
	}
	/*.mission .row {*/
 /*       min-height: 70vh;*/
 /*   }*/
	.contact {
		padding-top: 115%;
		padding-bottom: 50%;
	}
  #about_mob {
      min-height: 80vh;
  }
  #mission_mob .row {
      min-height: 60vh;
  }
  #coastal .row {
      min-height: 75vh;
  }
  
}
@media (max-width: 414px) {
	h6 {
		font-size: 1rem;
	}
	.lgo {
		padding-top: 40%;
	}
	
	.about {
		padding-top: 70%;
		padding-left: 5%;
		padding-right: 5%;
	}

	.mission {
		padding-top: 30%;
		position: relative;
		padding-left: 5%;
		padding-right: 5%;
	}
	.coastal {
		padding-top: 40%;
		position: relative;
		padding-left: 5%;
		padding-right: 5%;
	}
	.contact {
		padding-top: 60%;
		padding-bottom: 30%;
	}
}
@media (device-width : 414px) and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) {
	h6 {
		font-size: 1rem;
	}
	.lgo {
		padding-top: 40%;
	}
	
	.about {
		padding-top: 50%;
		padding-left: 5%;
		padding-right: 5%;
	}

	.mission {
		padding-top: 10%;
		position: relative;
		padding-left: 5%;
		padding-right: 5%;
	}
	.coastal {
		padding-top: 30%;
		position: relative;
		padding-left: 5%;
		padding-right: 5%;
	}
	.contact {
		padding-top: 40%;
	}
}
@media (max-width: 411px) and (max-height: 823px) {
	.lgo {
		padding-top: 40%;
	}
	.about {
		padding-top: 50%;
	}

	.mission {
		padding-top: 20%;
	}
	.coastal {
		padding-top: 30%;
	}
	.contact {
		padding-top: 40%;
	}
}
@media (max-width: 411px) and (max-height: 736px) {
	.lgo {
		padding-top: 20%;
	}
	.about {
		padding-top: 60%;
	}

	.mission {
		padding-top: 30%;
	}
	.coastal {
		padding-top: 40%;
	}
	.contact {
		padding-top: 40%;
	}
}
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
	.lgo {
		padding-top: 40%;
	}
	
	.about {
		padding-top: 40%;
		padding-left: 5%;
		padding-right: 5%;
	}

	.mission {
		padding-top: 10%;
		position: relative;
		padding-left: 5%;
		padding-right: 5%;
	}
	.coastal {
		padding-top: 40%;
		position: relative;
		padding-left: 5%;
		padding-right: 5%;
	}
	.contact {
		padding-top: 40%;
	}
}
@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {
	.lgo {
		padding-top: 20%;
	}
	
	.about {
		padding-top: 80%;
		padding-left: 5%;
		padding-right: 5%;
	}

	.mission {
		padding-top: 40%;
		position: relative;
		padding-left: 5%;
		padding-right: 5%;
	}
	.coastal {
		padding-top: 40%;
		position: relative;
		padding-left: 5%;
		padding-right: 5%;
	}
	.contact {
		padding-top: 100%;
	}
}
@media (max-width: 360px) {
	.lgo {
		padding-top: 25%;
		padding-bottom: 40%;
	}
	.about {
		padding-top: 30%;
	}
	.mission {
		padding-top: 40%;
	}
	.coastal {
		padding-top: 50%;
	}
	.contact {
		padding-top: 40%;
	}
}
@media (max-width: 320px) {
    .lgo {
        padding-top: 20%;
        padding-bottom: 0%;
    }
    p {
        font-size: 12px;
    }
	.about {
		padding-top: 50%;
	}
	.mission {
		padding-top: 70%;
	}
	.coastal {
		padding-top: 50%;
	}
	.contact {
		padding-top: 100%;
	}
}
.tutorial-link {
  color: #fff;
  font-size: 18px;
  text-decoration: underline;
}
.tutorial-link:hover {
  color: #ede0d5;
}