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


body, html {

	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	margin: 0px;
}

#logo{
	background-image:url(../images/drone-logo.png);
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 36px;
	width: 150px;
	margin: auto;
	position:absolute;
	z-index:25;
	top:13px;
	bottom:auto;
	left: 3%;
	right:auto;}

#social-container-gallery {
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    width: 7%;
    background: rgba(0, 0, 0, 0);
    z-index: 25;
    height: 42px;
    display: block;
    position: absolute;
    top: 1.6%;
    bottom: auto;
    float: right;
    margin: auto;
    right: 2%;
    left: auto;
    text-align: right;
    display: none;
}
.nav-bar{
	background-color: rgba( 0,0,0, 0);
	width: 100%;
	height:60px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;

}
	.nav {
  height: 60px;
  width: 100%;
  background-color: rgba(255,255,255, .65);
  position: relative;
  margin-right: auto;
  margin-left: auto;
  z-index:25;
}
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 10px;
    border-top: 2px solid #333;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #333;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: auto;
    overflow-y: auto;
	background-color: #efefee;
  }


button.nav-button{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #fff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;
}

button.nav-button:hover{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #00ffff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}
	
button.nav-button:active{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #f8f8ff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}
	
logo{
	background-image:url(../images/drone-logo.png);
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	width: 102px;
	margin: auto;
	position:absolute;
	z-index:25;
	top:13px;
	bottom:auto;
	left: 2%;
	right:auto;}

.gallery-container{
	width: 100%;
	height: 100vh;
	margin-top: 0px;
}
	
#social-container{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width:70px;
	background: rgba(0, 0, 0, 0);
	z-index: 25;
	height: 42px;
	display: block;
	position: absolute;
	top: auto;
	bottom: 2%;
	margin: auto;
	right:0;
	left: 0;
	text-align: center;
	display: block;
}	

.fb-button {
    height: 27px;
    width: 27px;
    float: right;
    background: url(../images/fb2.png) no-repeat;
    background-size: cover;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 7%;
	}
	
.ig-button {
    height: 27px;
    width: 27px;
    float: right;
    background:url(../images/ig2.png) no-repeat;
    background-size: cover;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 7%;
	}
	
#main-title{
	font-family:'adam-cg', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 20vh;
	font-size: 6vw;
	text-align: center;
	letter-spacing: 10px;
	position:absolute;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	z-index:0;
	}
#main-title2{
	font-family:'montserrat', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 10vh;
	font-size: 3vw;
	letter-spacing: 2px;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	}	
	
.page-header{
	font-family:'adam-cg', Helvetica, sans-serif;
	font-size:4vh;
	letter-spacing:3px;
	color:white;
	font-weight:bolder;
	}	
.text-container{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 20%;
		bottom: auto;
		right: 0;
		left: 8%;
		width: 95%;
		height: 30vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
   	 	}
	   
 .text-container li {
	font-family: 'corbert', Helvetica, sans-serif;
	font-size:13px;
	font-weight: 300;
	letter-spacing:1px;
    width: 29%;
	height: auto;
    float: left;
    /*padding: 10px;
	border-left:  cyan solid 1px;*/
    margin: 0px 33px 20px 0px;
    text-align: left;
	list-style:none;
	display:inline-block;
    

}
   	
		
		
		
.text-container2{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 75%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
		
		}
		
		
		.specialmessage{
	
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1vw;
	color: #fff;
	text-align:center;
	}
.copyright{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1vw;
	color: #000;
	width:100%;
	text-align:center;
	position:absolute;
	bottom: auto;
	top: 100%;
	z-index:9999;}
	
.galleria-theme-twelve .galleria-stage {
    overflow: hidden;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
	max-width: 100%;
	max-height: 90vh;
	margin:auto;
	
}

.galleria-theme-twelve .galleria-thumbnails-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
	margin-top:10%;
	background-color: rgba(255, 255, 255, .75 );
    z-index: 2;
}
	
	
	 }



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


body, html {

	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	margin: 0px;
}

#logo{
	background-image:url(../images/drone-logo.png);
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 36px;
	width: 150px;
	margin: auto;
	position:absolute;
	z-index:25;
	top:13px;
	bottom:auto;
	left: 3%;
	right:auto;}
.nav-bar{
	background-color: rgba( 0,0,0, 0);
	width: 100%;
	height:60px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;

}
	.nav {
  height: 60px;
  width: 100%;
  background-color: rgba(255,255,255, .65);
  position: relative;
  margin-right: auto;
  margin-left: auto;
  z-index:25;
}
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 10px;
    border-top: 2px solid #333;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #333;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: auto;
    overflow-y: auto;
	background-color: #efefee;
  }


button.nav-button{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #fff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;
}

button.nav-button:hover{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #00ffff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}
	
button.nav-button:active{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #f8f8ff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}
.gallery-container{
	width: 100%;
	height: 100vh;
	margin-top: 0px;
}

#social-container{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 10%;
	background: rgba(0, 0, 0, 0);
	z-index: 25;
	height: 42px;
	display: block;
	position: absolute;
	top: auto;
	bottom: 2%;
	margin: auto;
	right:0;
	left: 0;
	text-align: right;
	display: block;
}	

.fb-button {
    height: 27px;
    width: 27px;
    float: right;
    background: url(../images/fb2.png) no-repeat;
    background-size: cover;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 7%;
	}
	
.ig-button {
    height: 27px;
    width: 27px;
    float: right;
    background:url(../images/ig2.png) no-repeat;
    background-size: cover;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 7%;
	}
	
#main-title{
	font-family:'adam-cg', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 20vh;
	font-size: 6vw;
	text-align: center;
	letter-spacing: 10px;
	position:absolute;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	z-index:0;
	}
#main-title2{
	font-family:'montserrat', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 10vh;
	font-size: 3vw;
	letter-spacing: 2px;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	}	
	
.page-header{
	font-family:'adam-cg', Helvetica, sans-serif;
	font-size: 3vw;
	letter-spacing:3px;
	color:white;
	font-weight:bolder;
	}	
.text-container{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 15%;
		bottom: auto;
		right: 0;
		left: 2vw;
		width: 95%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
   	 	}
	   
 .text-container li {
	font-family: 'corbert', Helvetica, sans-serif;
	font-size:14px;
	font-weight: 300;
	letter-spacing:1px;
    width: 33%;
	height: auto;
    float: left;
    padding: 10px;
    margin: 0px 0px 20px 0px;
    text-align: left;
	list-style:none;
	display:inline-block;
    border-left: none;

}	  	
		
		
		
.text-container2{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 75%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
		
		}
		
		.specialmessage{
	
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1.5vw;
	color: #fff;
	text-align:center;
	}
.galleria-theme-twelve .galleria-stage {
    overflow: hidden;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
	max-width: 100%;
	max-height: 60vh;
	margin:auto;
	
}

.galleria-theme-twelve .galleria-thumbnails-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
	margin-top:70vh;
	background-color: rgba(255, 255, 255, .5 );
    z-index: 2;
}
	

	
	 }
	 
	 
	 
@media screen and ( max-device-width: 850px){
body, html {

	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	margin: 0px;
}

#logo{
	background-image:url(../images/drone-logo.png);
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 36px;
	width: 150px;
	margin: auto;
	position:absolute;
	z-index:25;
	top:13px;
	bottom:auto;
	left: 3%;
	right:auto;}

.nav-bar{
	background-color: rgba( 0,0,0, 0);
	width: 100%;
	height:60px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;

}
	.nav {
  height: 60px;
  width: 100%;
  background-color: rgba(255,255,255, .65);
  position: relative;
  margin-right: auto;
  margin-left: auto;
  z-index:25;
}
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 10px;
    border-top: 2px solid #333;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #333;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: auto;
    overflow-y: auto;
	background-color: #efefee;
  }


button.nav-button{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #fff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;
}

button.nav-button:hover{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #00ffff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}
	
button.nav-button:active{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #f8f8ff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}

#social-container{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 70px;
	background: rgba(0, 0, 0, 0);
	z-index: 25;
	height: 42px;
	display: block;
	position: absolute;
	top: 90%;
	bottom: auto;
	margin: auto;
	right:0;
	left: 0;
	text-align: right;
	display: block;
}	

.fb-button {
    height: 27px;
    width: 27px;
    float: right;
    background: url(../images/fb2.png) no-repeat;
    background-size: cover;
    margin:3px;
	}
	
.ig-button {
    height: 27px;
    width: 27px;
    float: right;
    background:url(../images/ig2.png) no-repeat;
    background-size: cover;
    margin:3px;
	}	
#main-title{
	font-family:'adam-cg', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 20vh;
	font-size: 6vw;
	text-align: center;
	letter-spacing: 10px;
	position:absolute;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	z-index:0;
	}
#main-title2{
	font-family:'montserrat', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 10vh;
	font-size: 3vw;
	letter-spacing: 2px;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	}
.page-header{
	font-family:'adam-cg', Helvetica, sans-serif;
	font-size:3vw;
	letter-spacing:3px;
	color:white;
	font-weight:bolder;
	}	
.text-container{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 15%;
		bottom: auto;
		
		right: 0;
		left: 0;
		width: 95%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
   	 	}
	   
    	
		
		
		
.text-container2{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 75%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
		
		}	
		
.specialmessage{
	
	font-family: Corbel, Helvetica, sans-serif;
	font-size:1.5vw;
	color: #fff;
	text-align:center;
	}
.copyright{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1vw;
	color: #fff;
	width:100%;
	text-align:center;
	position:absolute;
	bottom: auto;
	top: 104%;
	z-index:9999;}
	
	
.galleria-theme-twelve .galleria-stage {
    overflow: hidden;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
	max-width: 100%;
	max-height: 100vh;
	margin:auto;
	
}

.galleria-theme-twelve .galleria-thumbnails-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
	margin-top: 0%;
	background-color: rgba(255, 255, 255, .5 );
    z-index: 2;
}
	
	
	 }
@media screen and ( max-device-width: 800px){
body, html {

	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	margin: 0px;
}

#logo{
	background-image:url(../images/drone-logo.png);
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 36px;
	width: 150px;
	margin: auto;
	position:absolute;
	z-index:25;
	top:13px;
	bottom:auto;
	left: 3%;
	right:auto;}

.nav-bar{
	background-color: rgba( 0,0,0, 0);
	width: 100%;
	height:60px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;

}
	.nav {
  height: 60px;
  width: 100%;
  background-color: rgba(255,255,255, .65);
  position: relative;
  margin-right: auto;
  margin-left: auto;
  z-index:25;
}
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 10px;
    border-top: 2px solid #333;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #333;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: auto;
    overflow-y: auto;
	background-color: #efefee;
  }


button.nav-button{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #fff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;
}

button.nav-button:hover{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #00ffff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}
	
button.nav-button:active{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #f8f8ff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}

.gallery-container{
	width: 100%;
	height: 100vh;
	margin-top: 0px;
}


#social-container{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 70px;
	background: rgba(0, 0, 0, 0);
	z-index: 25;
	height: 42px;
	display: block;
	position: absolute;
	top: 95%;
	bottom: auto;
	margin: auto;
	right:0;
	left: 0;
	text-align: right;
	display: block;
}	

.fb-button {
    height: 27px;
    width: 27px;
    float: right;
    background: url(../images/fb2.png) no-repeat;
    background-size: cover;
    margin:3px;
	}
	
.ig-button {
    height: 27px;
    width: 27px;
    float: right;
    background:url(../images/ig2.png) no-repeat;
    background-size: cover;
    margin:3px;
	}	
#main-title{
	font-family:'adam-cg', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 20vh;
	font-size: 6vw;
	text-align: center;
	letter-spacing: 10px;
	position:absolute;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	z-index:0;
	}
#main-title2{
	font-family:'montserrat', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 10vh;
	font-size: 3vw;
	letter-spacing: 2px;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	}
.page-header{
	font-family:'adam-cg', Helvetica, sans-serif;
	font-size:3vw;
	letter-spacing:3px;
	color:white;
	font-weight:bolder;
	}	
.text-container{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 0;
		bottom: 0;
		
		right: 0;
		left: 0;
		width: 95%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
   	 	}
	   
    	
		
		
		
.text-container2{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 75%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
		
		}	
		
		.specialmessage{
	
	font-family: Corbel, Helvetica, sans-serif;
	font-size:1.5vw;
	color: #fff;
	text-align:center;
	}
.copyright{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1vw;
	color: #fff;
	width: 100%;
	text-align:center;
	position:absolute;
	bottom: auto;
	top: 100%;
	z-index:9999;}	

.galleria-theme-twelve .galleria-stage {
    overflow: hidden;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
	max-width: 100%;
	max-height: 100vh;
	margin:auto;
	
}

.galleria-theme-twelve .galleria-thumbnails-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
	margin-top: 0%;
	background-color: rgba(255, 255, 255, .5 );
    z-index: 2;
}

	
	 }
	 
/*@media screen and ( max-device-width: 768px){

.galleria-theme-twelve .galleria-stage {
    overflow: hidden;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
	max-width: 100%;
	max-height: 35vh;
	margin:auto;
	
}

.galleria-theme-twelve .galleria-thumbnails-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
	margin-top: 100%;
	background-color: rgba(255, 255, 255, .5 );
    z-index: 2;
}

}*/
	 
@media screen and ( max-device-width: 750px){
body, html {

	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	margin: 0px;
}

#logo{
	background-image:url(../images/drone-logo.png);
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 36px;
	width: 150px;
	margin: auto;
	position:absolute;
	z-index:25;
	top:13px;
	bottom:auto;
	left: 3%;
	right:auto;}

.nav-bar{
	background-color: rgba( 0,0,0, 0);
	width: 100%;
	height:60px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;

}
	.nav {
  height: 60px;
  width: 100%;
  background-color: rgba(255,255,255, .65);
  position: relative;
  margin-right: auto;
  margin-left: auto;
  z-index:25;
}
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 10px;
    border-top: 2px solid #333;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #333;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: auto;
    overflow-y: auto;
	background-color: #efefee;
  }


button.nav-button{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #fff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;
}

button.nav-button:hover{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #00ffff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}
	
button.nav-button:active{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #f8f8ff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}

#social-container{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 70px;
	background: rgba(0, 0, 0, 0);
	z-index: 25;
	height: 40px;
	display: block;
	position: absolute;
	top: 89%;
	bottom: auto;
	margin: auto;
	right:0;
	left: 0;
	text-align: right;
	display: block;
}	

.fb-button {
    height: 27px;
    width: 27px;
    float: right;
    background: url(../images/fb2.png) no-repeat;
    background-size: cover;
    margin:3px;
	}
	
.ig-button {
    height: 27px;
    width: 27px;
    float: right;
    background:url(../images/ig2.png) no-repeat;
    background-size: cover;
    margin:3px;
	}	
#main-title{
	font-family:'adam-cg', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 20vh;
	font-size: 6vw;
	text-align: center;
	letter-spacing: 10px;
	position:absolute;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	z-index:0;
	}
#main-title2{
	font-family:'montserrat', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 10vh;
	font-size: 3vw;
	letter-spacing: 2px;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	}
.page-header{
	font-family:'adam-cg', Helvetica, sans-serif;
	font-size:3vw;
	letter-spacing:3px;
	color:white;
	font-weight:bolder;
	}	
.text-container{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 15%;
		bottom: auto;
		
		right: 0;
		left: 0;
		width: 95%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
   	 	}
	   
    	
		
		
		
.text-container2{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 75%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
		
		}	
		
		.specialmessage{
	
	font-family: Corbel, Helvetica, sans-serif;
	font-size:1.5vw;
	color: #fff;
	text-align:center;
	}
.copyright{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1vw;
	color: #fff;
	width:100%;
	text-align:center;
	position:absolute;
	bottom: auto;
	top:103%;
	z-index:9999;}	

.galleria-theme-twelve .galleria-stage {
    overflow: hidden;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
	max-width: 100%;
	max-height: 100vh;
	margin:auto;
	
}

.galleria-theme-twelve .galleria-thumbnails-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
	margin-top: 0%;
	background-color: rgba(255, 255, 255, .75 );
    z-index: 2;
}
	

	 }

@media screen and ( max-device-width: 720px){ 
body, html {

	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	margin: 0px;
}

#logo{
	background-image:url(../images/drone-logo.png);
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 36px;
	width: 150px;
	margin: auto;
	position:absolute;
	z-index:25;
	top:13px;
	bottom:auto;
	left: 3%;
	right:auto;}

.nav-bar{
	background-color: rgba( 0,0,0, 0);
	width: 100%;
	height:60px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;

}
	.nav {
  height: 60px;
  width: 100%;
  background-color: rgba(255,255,255, .65);
  position: relative;
  margin-right: auto;
  margin-left: auto;
  z-index:25;
}
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 10px;
    border-top: 2px solid #333;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #333;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: auto;
    overflow-y: auto;
	background-color: #efefee;
  }


button.nav-button{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #fff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;
}

button.nav-button:hover{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #00ffff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}
	
button.nav-button:active{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #f8f8ff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}
	
#main-title{
	font-family:'adam-cg', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 20vh;
	font-size: 6vw;
	text-align: center;
	letter-spacing: 10px;
	position:absolute;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	z-index:0;
	}
#main-title2{
	font-family:'montserrat', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 10vh;
	font-size: 2vw;
	letter-spacing: 2px;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	}	
	
.page-header{
	font-family:'adam-cg', Helvetica, sans-serif;
	font-size:2.5vw;
	letter-spacing:3px;
	color:white;
	font-weight:bolder;
	}	
.text-container{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 12%;
		bottom: auto;
		right: 0;
		left: 0;
		width: 90%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
   	 	}
	   
    	
 .text-container li {
	font-family: 'corbert', Helvetica, sans-serif;
	font-size:14px;
	font-weight: 300;
	letter-spacing:1px;
    width: 33%;
	height: auto;
    float: left;
    padding: 10px;
    margin: 0px 0px 20px 0px;
    text-align: left;
	list-style:none;
	display:inline-block;
    border-left: none;

}	  		
		
		
.text-container2{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 75%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
		
		}
		
		.specialmessage{
	
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 2vw;
	color: #fff;
	text-align:center;
	}
	

	}
	
	
	
	
@media screen and ( max-device-width: 650px){

#about{
	height: 100vh;
	width: 100%;
	position: relative;
	background-image:url(../images/bg-images/bg1.jpg);
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -25;
	
	}
	
#logo{
	background-image:url(../images/drone-logo.png);
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 36px;
	width: 150px;
	margin: auto;
	position:absolute;
	z-index:25;
	top:13px;
	bottom:auto;
	left: 3%;
	right:auto;}
	
.page-header{
	font-family:'adam-cg', Helvetica, sans-serif;
	font-size:5.5vh;
	letter-spacing:3px;
	color:white;
	font-weight:bolder;
	}	

.text-container{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 15%;
		bottom: auto;
		right: 0;
		left: 0;
		width: 100%;
		height: 30vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
   	 	}
	   
 .text-container li {
	font-family: 'corbert', Helvetica, sans-serif;
	font-size:13px;
	font-weight: 300;
	letter-spacing:1px;
    width: 33%;
	height: auto;
    float: left;
    /*padding: 10px;
	border-left:  cyan solid 1px;*/
    margin: 0px 2px 20px 0px;
    text-align: left;
	list-style:none;
	display:inline-block;
    

}


.galleria-theme-twelve .galleria-stage {
    overflow: hidden;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
	max-width: 100%;
	max-height: 100vh;
	margin:auto;
	
}

.galleria-theme-twelve .galleria-thumbnails-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
	margin-top: 0%;
	background-color: rgba(255, 255, 255, .5 );
    z-index: 2;
}


}	
@media screen and ( max-device-width: 600px){
body, html {

	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	margin: 0px;
}

#logo{
	background-image:url(../images/drone-logo.png);
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 36px;
	width: 150px;
	margin: auto;
	position:absolute;
	z-index:25;
	top:13px;
	bottom:auto;
	left: 3%;
	right:auto;}

.nav-bar{
	background-color: rgba( 0,0,0, 0);
	width: 100%;
	height:60px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;

}
.nav {
  height: 60px;
  width: 100%;
  background-color: rgba(255,255,255, .65);
  position: relative;
  margin-right: auto;
  margin-left: auto;
  z-index:25;
}
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 10px;
    border-top: 2px solid #333;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #333;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: auto;
    overflow-y: auto;
	background-color: #efefee;
  }


button.nav-button{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #fff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;
}

button.nav-button:hover{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #00ffff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}
	
button.nav-button:active{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #f8f8ff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}
	
#main-title{
	font-family:'adam-cg', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 20vh;
	font-size: 6vw;
	text-align: center;
	letter-spacing: 10px;
	position:absolute;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	z-index:0;
	}
#main-title2{
	font-family:'montserrat', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 10vh;
	font-size: 3vw;
	letter-spacing: 2px;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	}
	
.page-header{
	font-family:'adam-cg', Helvetica, sans-serif;
	font-size:3.5vh;
	letter-spacing:3px;
	color:white;
	font-weight:bolder;
	}	
.text-container{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 2%;
		bottom: auto;
		right: 0;
		left: 0;
		width: 100%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
   	 	}
	   
    	
.text-container li {
	font-family: 'corbert', Helvetica, sans-serif;
	font-size:13px;
	font-weight: 300;
	letter-spacing:1px;
    width: 32%;
	height: auto;
    float: left;
    /*padding: 10px;
	border-left:  cyan solid 1px;*/
    margin: 0px 2px 20px 0px;
    text-align: left;
	list-style:none;
	display:inline-block;
    

}		
		
		
/*.text-container2{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 75%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
		
		}*/
	.specialmessage{
	
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 2vw;
	color: #fff;
	text-align:center;
	}
.copyright{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1vh;
	color: #fff;
	width:100%;
	text-align:center;
	position:absolute;
	bottom: auto;
	top:91%;
	z-index:9999;}	
	
	
	
	
}

@media screen and ( max-device-width: 570px){
body, html {

	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	margin: 0px;
}

#logo{
	background-image:url(../images/drone-logo.png);
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 36px;
	width: 150px;
	margin: auto;
	position:absolute;
	z-index:25;
	top:13px;
	bottom:auto;
	left: 3%;
	right:auto;}

.nav-bar{
	background-color: rgba( 0,0,0, 0);
	width: 100%;
	height:60px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;

}
.nav {
  height: 60px;
  width: 100%;
  background-color: rgba(255,255,255, .65);
  position: relative;
  margin-right: auto;
  margin-left: auto;
  z-index:25;
}
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 10px;
    border-top: 2px solid #333;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #333;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: auto;
    overflow-y: auto;
	background-color: #efefee;
  }


button.nav-button{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #fff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;
}

button.nav-button:hover{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #00ffff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}
	
button.nav-button:active{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #f8f8ff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}
	
#main-title{
	font-family:'adam-cg', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 20vh;
	font-size: 6vw;
	text-align: center;
	letter-spacing: 10px;
	position:absolute;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	z-index:0;
	}
#main-title2{
	font-family:'montserrat', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 10vh;
	font-size: 3vw;
	letter-spacing: 2px;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	}
	
.page-header{
	font-family:'adam-cg', Helvetica, sans-serif;
	font-size:3.5vh;
	letter-spacing:3px;
	color:white;
	font-weight:bolder;
	}	
.text-container{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 12%;
		bottom: auto;
		right: 0;
		left: 0;
		width: 100%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
   	 	}
	   
    	
.text-container li {
	font-family: 'corbert', Helvetica, sans-serif;
	font-size:13px;
	font-weight: 300;
	letter-spacing:1px;
    width: 32%;
	height: auto;
    float: left;
    /*padding: 10px;
	border-left:  cyan solid 1px;*/
    margin: 0px 2px 20px 0px;
    text-align: left;
	list-style:none;
	display:inline-block;
    

}		
		
		
/*.text-container2{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 75%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
		
		}*/
	.specialmessage{
	
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 2vw;
	color: #fff;
	text-align:center;
	}
.copyright{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1vh;
	color: #fff;
	width:100%;
	text-align:center;
	position:absolute;
	bottom: auto;
	top:98%;
	z-index:9999;}	
	

	

}

@media screen and ( max-device-width:550px)
{
.galleria-theme-twelve .galleria-stage {
    overflow: hidden;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
	max-width: 100%;
	max-height: 31vh;
	margin:auto;
	
}

.galleria-theme-twelve .galleria-thumbnails-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
	margin-top: 65vh;
	background-color: rgba(255, 255, 255, .75 );
    z-index: 2;
}


}

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


#logo{
	background-image:url(../images/drone-logo.png);
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 36px;
	width: 150px;
	margin: auto;
	position:absolute;
	z-index:25;
	top:13px;
	bottom:auto;
	left: 3%;
	right:auto;}
.text-container{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 10%;
		bottom: 0;
		right: 0;
		left: 0;
		width: 90%;
		height: auto;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
   	 	}
	   
 .text-container li {
	font-family: 'corbert', Helvetica, sans-serif;
	font-size:13px;
	font-weight: 300;
	letter-spacing:1px;
    width: 100%;
	height: auto;
    float: left;
    margin: 0px 33px 20px 0px;
    text-align: left;
	list-style:none;
	display:inline-block;
    padding: 10px;
	/*border-left:  cyan solid 1px;*/

}

.copyright{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1vh;
	color: #000;
	width:100%;
	text-align:center;
	position:absolute;
	bottom: auto;
	top:93%;
	z-index:9999;}
	



}

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


.galleria-theme-twelve .galleria-stage {
    overflow: hidden;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
	max-width: 100%;
	max-height: 31vh;
	margin:auto;
	
}

.galleria-theme-twelve .galleria-thumbnails-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
	margin-top: 65vh;
	background-color: rgba(255, 255, 255, .5 );
    z-index: 2;
}



} 	  	
		

@media screen and ( max-device-width: 400px){ 
body, html {

	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	margin: 0px;
}

#logo{
	background-image:url(../images/drone-logo.png);
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 36px;
	width: 150px;
	margin: auto;
	position:absolute;
	z-index:25;
	top:13px;
	bottom:auto;
	left: 3%;
	right:auto;}
	
#background-video{
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 45% center;
	width: 100%;
	height: 100vh;
		/*min-width: 100%;
		min-height: 100%;
		position:absolute;
		top: 50%;
  		left: 50%;
  		transform: translate(-50%,-50%);*/
		}

#about{
	height: 100vh;
	width: 100%;
	position: relative;
	background-image:url(../images/bg-images/bg1.jpg);
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -25;
	
	}
	

.nav-bar{
	background-color: rgba( 0,0,0, 0);
	width: 100%;
	height:60px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;

}
.nav {
  height: 60px;
  width: 100%;
  background-color: rgba(255,255,255, .65);
  position: relative;
  margin-right: auto;
  margin-left: auto;
  z-index:25;
}
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 10px;
    border-top: 2px solid #333;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #333;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: auto;
    overflow-y: auto;
	background-color: #efefee;
  }

button.nav-button{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #fff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;
}

button.nav-button:hover{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #00ffff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}
	
button.nav-button:active{
	font-family:'corbert', Helvetica, sans-serif;
	font-size:14px;
	color: #f8f8ff;
	background-color: rgba( 0,0,0, 0);
	border:none;
	width: 120px;
	height:60px;
	cursor:pointer;}
	
#main-title{
	font-family:'adam-cg', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 20vh;
	font-size: 6vw;
	text-align: center;
	letter-spacing: 10px;
	position:absolute;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	z-index:0;
	}
#main-title2{
	font-family:'montserrat', Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 10vh;
	font-size: 3vw;
	letter-spacing: 2px;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left:;
	right:;
	}	
	
.page-header{
	font-family:'adam-cg', Helvetica, sans-serif;
	font-size:4vh;
	letter-spacing:3px;
	color:white;
	font-weight:bolder;
	}	
.text-container{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 12%;
		bottom: 0;
		right: 0;
		left: 0;
		width: 90%;
		height: auto;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
   	 	}
	   
 .text-container li {
	font-family: 'corbert', Helvetica, sans-serif;
	font-size:13px;
	font-weight: 300;
	letter-spacing:1px;
    width: 100%;
	height: auto;
    float: left;
    margin: 0px 0px 0px 0px;
    text-align: left;
	list-style:none;
	display:inline-block;
    padding: 10px;
	/*border-left:  cyan solid 1px;*/

}	  	
		
		
		
/*.text-container2{

		font-family: 'montserrat', Helvetica, sans-serif;
		font-size:18px;
		color: #fff;
		letter-spacing: 1px;
		background-color: rgba( 0, 0, 0, 0);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 75%;
		height: 50vh;
		margin: auto;
		z-index: 1;
		border-left:  none;
		padding: 10px;
    	text-align: left;
		
		}*/
.specialmessage{
	
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 3.5vw;
	color: #fff;
	text-align:center;
	}
	
.copyright{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1vh;
	color: #fff;
	width:100%;
	text-align:center;
	position:absolute;
	bottom: auto;
	top: 93%;
	z-index:9999;}	
	
#social-container{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 70px;
	background: rgba(0, 0, 0, 0);
	z-index: 25;
	height: 35px;
	display: block;
	position: absolute;
	top: 93%;
	bottom: auto;
	margin: auto;
	right:0;
	left: 0;
	text-align: right;
	display: block;
}	

.galleria-theme-twelve .galleria-stage {
    overflow: hidden;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
	max-width: 100%;
	max-height: 31vh;
	margin:auto;
	
}

.galleria-theme-twelve .galleria-thumbnails-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
	margin-top: 0%;
	background-color: rgba(255, 255, 255, .5 );
    z-index: 2;
}


}

@media screen and ( max-device-width: 375px){
.galleria-theme-twelve .galleria-stage {
    overflow: hidden;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
	max-width: 100%;
	max-height: 31vh;
	margin:auto;
	
}

.galleria-theme-twelve .galleria-thumbnails-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
	margin-top: 65vh;
	background-color: rgba(255, 255, 255, .5 );
    z-index: 2;
}

.copyright{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1vh;
	color: #000;
	width:100%;
	text-align:center;
	position:absolute;
	bottom: auto;
	top: 93.5vh;
	z-index:9999;}	

}

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

.copyright{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1vh;
	color: #000;
	width:100%;
	text-align:center;
	position:absolute;
	bottom: auto;
	top: 93%;
	z-index:9999;}	


}

@media screen and ( max-device-width: 300px){
.galleria-theme-twelve .galleria-stage {
    overflow: hidden;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
	max-width: 100%;
	max-height: 31vh;
	margin:auto;
	
}

.galleria-theme-twelve .galleria-thumbnails-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
	margin-top: 64vh%;
	background-color: rgba(255, 255, 255, .5 );
    z-index: 2;
}

}