@font-face{
  font-family: myriad pro;
  src: url('../fonts/MYRIADPRO-REGULAR.woff') format('truetype');
  src: local(myriad pro), url(../fonts/MYRIADPRO-REGULAR.woff) format('truetype');
}
@font-face{
  font-family: myriad pro light;
  src: url('../fonts/MyriadPro-Light.woff') format('truetype');
  src: local(myriad pro light), url(../fonts/MyriadPro-Light.woff) format('truetype');
}
html, body{
	font-family: myriad pro light;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
body .show{display: inherit;}
body .dont_show{
	display: none;

}
@keyframes appear_left{
	0%{left: -25%;}
	100%{left: 0;}
}
@keyframes appear_bottom{
	0%{bottom: -25%;}
	100%{bottom: 0%;}
}
#gleam_banner{
	position: fixed;
	bottom: 15%;
	left: -25%;
	width: 20%;
	border:2px solid #1a1a1a;	
	animation: appear_left 1s linear forwards;
	animation-delay: 15s;
	transition: 0.5s all;
	background-color: #fff;
	cursor: pointer;
	display: none;
	z-index: 999999;
}
#gleam_banner a{
	display: table-cell;
	width: max-content;
}
#gleam_banner img{
	width: 100%;
	height: auto;
	opacity: 1;
	display: inline-block;
	vertical-align: middle;
	border-right: 2px solid #1a1a1a;
}
#close_wrapper{
	width: 8%;
	display: table-cell;
	text-align: center;
}
#close_wrapper_mobile{display: none;}
#close{
	vertical-align: middle;
	font-size: 2rem;
	animation: none;
}
#close_mobile{
	color: #1a1a1a;
}
#close_wrapper:hover{
	background-color: #800080;
	color: #fff;
	transition: all 0.5s;
}
/*-------------------------------------------------------------------------------------------------------------
------------------------------------------------- PARALLAX ----------------------------------------------------
-------------------------------------------------------------------------------------------------------------*/

section.module:last-child {
  margin-bottom: 0;
}
/*figcaption {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}*/
section.module.content {
  padding: 40px 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  background-image: url(../img/crop_value_bg.jpg);
  background-color: #fff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 10vh #000;
  /*height: 100vh;*/
}
#references{
	background-image: url(../img/rostock_bg.jpg);
}
section.module.parallax {
  /*height: 100vh;*/
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
}
section.module.parallax-1 h1 {
  color: #fff;
  font-weight: normal;
  transition: opacity 0.5s;
}
#claim{
	transition: opacity 0.5s;
	width: 100%;
	position: relative;
	top: 50%;
	right: 5%;
}
.claim{
	width: 40%;
	display: inline-block;
	color: #fff;
	margin: 0;
	padding: 0;
}
.left_claim{	
	margin-right: 2%;
	text-align: right;
	font-size: 2.6vmax;
	font-family: myriad pro;
}
.right_claim{
	margin-left: 2%;
	text-align: left;
	font-size: 1.5vmax;
	font-family: myriad pro light;
	max-width: 35%;
}
/*section.module.parallax img{
  padding-top: 40vh;
  height: 15vh;
  width: auto;
}*/
#logo{
  height: 5vh;
  width: auto;
  position: fixed;
  top: 0.5vh;
  left: 4vw;
  z-index: 9999;
  padding-top: 0;
}
section.module.parallax-1 {
  background-image: url("../img/hashcropter_heide.jpg");
  text-align: left;
}
section.module.parallax-2 {
  background-image: url("../img/cropter_rostock2.jpg");
  /*height: 100vh;*/
}
section.module.content.last{
  padding-bottom: 0;
}
section.module .container{
	width: 70vw;
}
a:visited{
	border:none;
}
/*-----------------------------------------------------------------------------------------------------------*/
/*.social_media{
	position: fixed;
	width: 3vmax;
	text-align: right;
	bottom: 33%;
	left: 1%;
}
.social_media a img{
	width: 3vmax;
	height: auto;
	background-color: rgba(26,26,26,0.8);
	margin-bottom: 1vmax;
	transition: background-color 1s;
}*/
.social_media{
	position: fixed;
	width: 2.5vmax;
	text-align: right;
	bottom: 35%;
	left: 1%;
}
.social_media a img{
	width: 2.5vmax;
	height: auto;
	background-color: #800080;
	margin-bottom: 1vmax;
	transition: background-color 1s;
}
.social_media a img:hover{
	background-color: #1a1a1a;
	transition: background-color 0.7s;
}
#scroll_down{
	font-size: 7vh;
	color: #fff;
	width: 100%;
	text-align: center;
	position: fixed;
	bottom: 5vh;
	left: 0;
	animation: blink 2s ease-in-out infinite;
	opacity: 1;
}
#video_overlay_own{
	z-index: 100;
	background-color: rgba(0,0,0,0.9);
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
}
#video_overlay_own iframe{
	width: 70vw;
	height: 70vh;
	margin-top: 10vh;
}
#video_skip_button{
	display: block;
	width: 15vw;
	margin: 1vh auto;
}
a{text-decoration: none;}
nav a:focus{border:none;}
a img{
	transition: box-shadow 0.5s;
}
a img:hover{
	transition: box-shadow 0.5s;
}
.container{
	width: 91vw;
	margin: 0 auto;
	padding: 0 2vw;
}
.nav_container{
	width: calc(100% - 6vw);
	padding: 0 4vw;
}
#home{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-color: #000;
}
#crop_value_home{
	background-image: url(../img/);
}
#crop_value_overview{
	padding-top: 20vh;
}
nav{
	width: 100vw;
	height: 5vh;
	padding: 5px 0;
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: 0 0 2px #000;
	background-color: rgba(26,26,26,0.8);
	text-align: right;
	z-index: 99;
	transition: top 0.5s;
}
#desktop_nav{
	top: -7vh;
}
/*#logo{
	width: 12vw;
	height: 5vh;
	background-image: url(../img/cropter_logo.png);
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	display: inline-table;
	float: left;
}*/
nav a{
	color: #fff;
	text-decoration: none;
	font-size: 1.7vw;
	height: 5vh;
	padding: 0 1vw;
	line-height: 5vh;
	transition: color 1s, border-color 1s;
}
.navlinks a:hover, .footer a:hover{
	transition: color 0.7s, border-color 0.7s;
	color: #b0b;
	border-color: #b0b;
}
nav img{
	height: 4vh;
	width: auto;
	position: absolute;
	top: 1vh;
	right: 4.5vw;
}
#lang{
	right: 2vw;
	opacity: 1;
	transition: 0.5s all;
	height: 3.5vh;
	top: 1.25vh;
}
#lang:hover{
	transition: 0.5s all;
	opacity: 0.6;
}
#menu_icon{
	background-color: #1a1a1a;
	border: 1px solid #fff;
	border-radius: 6px;
	transition: all 0.7s;
	height: 4vh;
	width: auto;
	margin-right: 1vw;
}
#menu_icon:hover{
	background-color: #C20E1A;
	border-color: #C20E1A;
	transition: all 0.7s;
}
.active{
	font-family: myriad pro;
	border-right: 3px solid #fff;
	border-left: 3px solid #fff;
}
nav .navlinks{
	display: inline-block;
	height: 5vh;
	clear: both;
	margin-right: 4vw;
}
nav .navbar{padding-top: 2vw;}
nav .navbar a{
	width: 100%;
	display: block;
	text-align: center;
	background-color: rgba(26,26,26,0.8);
	font-size: 4vw;
	height: 7vw;
	line-height: 7vw;
}
.footer{
	right: 0;
	width: calc(100% - 2vw);
	background-color: rgba(255,255,255, 0.9);
	text-align:left;
	padding-left: 2vw;
}
.footer p{
	color: #787B82;
	margin: 0;
	padding: 0;
	font-size: 1.1vw;
	display: inline-block;
	width: 65%;
}
.footer a{
	color: #787B82;
	display: inline-block;
}
.contact{
	font-family: myriad pro light;
	font-size: 1.1vw;
	width: calc(35% - 2vw);
	text-align: right;
	display: inline-block;
}
.contact a{
	padding-left: 1vw;
}
.footer .imp{float: right;}
.section_wrap{
	background-color: rgba(255,255,255,0.9);
}
h1, h2{	
	font-size: 2vw;
	font-family: myriad pro;
	font-weight: bold;
	padding: 0.5vh 2vw;
	margin-bottom: 0;
	text-align: left;
	color: #1a1a1a;
}
h2{font-size: 1.8vw;}
#home h2, #crop_value_home h2{
	margin-top: 0;
	color: #1a1a1a;
	padding: 0.5vh 1vw;
}
p{
	padding: 0 2vw;
	text-align: left;
	font-size: 1.7vw;
}
#included p{
	padding: 0;
	padding-right: 2vw;
}
p a{
	transition: 0.5s all;
	font-family: myriad pro;
	color: rgb(128,0,128);
}
p a:hover{
	transition: 0.5s all;
	text-shadow: 0 0 1px #b0b;
}
.footnote{
	font-size: 1vw;
}
.w_33, .w_50, .w_100{
	width: 32%;
	background-color: rgba(255,255,255,0.9);
	display: inline-block;
	text-align: center;
}
.w_50{
	width: 70%;
}
.w_100{
	width: 100%;
}
.w_33:nth-of-type(2){
	margin: 0 calc(2% - 4px);
}
/*section.module .w_33 img, section.module.content img{
	height: auto;
	width: 87%;
	padding-top: 0;
	margin-bottom: -6rem;
}*/
#cropter_bundles img{
	width: 90%;
}
.w_33 p, .w_50 p, .w_100 p{
	font-size: 1.1vw;
	color: #fff;
}
.w_33 .button_wrapper, .w_50 .button_wrapper{
	margin-top: 7rem;
	padding-left: 2vw;
}
#references .w_33 .button_wrapper{
	padding-left: 1vw;
}
.w_33 .button_wrapper p, .w_50 .button_wrapper p{
	padding: 0 0.5vw;
	margin-top: 0;
	color: #1a1a1a;
}
.grey_bg{
	background-color: rgba(26,26,26,0.9);
	width: 100%;
	padding: 0.5vh 0;
	text-align: center;
	animation-duration: 4s;
}

#cropter_preview .whitebox{
	background-color: rgba(255,255,255,0.8);
	width: 40%;
	position: relative;
	top: 70vh;
	padding-left: 2vw;
}
#cropter_preview .whitebox p{
	color: #1a1a1a;
	margin: 1vh 0;
}
#references .container{
	padding-top: 25vh;
}
#cropter_preview .container{
	text-align: center;
}
#cropter_preview .w_33{
	width: 46%;
}
.whitebox .button_wrapper{
	margin-top: 1.5vh;
	margin-bottom: 1.5vh;
}
#crop_value .button_wrapper{
	padding-left: 0;
}
#crop_value #sub_start .button_wrapper{
	padding-left: 2vw;
}
section.module.parallax-2 .container, #cropter_bundles .container{
	padding-top: 10vh;
}
#cropter_bundles .container{
	text-align: center;
}
#pricing{
	background-image: url(../img/crop_value_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.box_wrapper{
	background-color: rgba(255,255,255,0.8);
	padding: 2rem;
	width: 70%;
}
.red{
	color: #b0b;
	font-weight: bold;
}
.table .red{
	color: #1a1a1a;
}
.button_wrapper{
	margin-top: 2vh;
	margin-bottom: 2vh;
	display: inline-block;
	width: calc(100% - 2vw);
	padding-left: 2vw;
	text-align: left;
}
.button{	
	border-radius: 8px;
	padding: 0.5vw;
	font-family: myriad pro light;
	font-size: 0.8vw;
	border: 1px solid #1a1a1a;
	display: inline-block;
	margin-right: 1vw;
	font-weight: bold;	
	transition: 0.5s all;
}
.button_full{
	background-color: #1a1a1a;
	color: #fff;
}
.button_full:hover{
	background-color: #787b82;
	border-color: #787b82;
	cursor: pointer;
	transition: 0.5s all;
}
.button_border{
	color: #1a1a1a;
}
.button_border:hover{
	border-color: #787B82;
	background-color: #787B82;
	color: #fff;
	cursor: pointer;
	transition: 0.5s all;
}
#hc_platform{text-align: center;}
#hc_platform img{
	width: 70%;
	height: auto;
}
#case_studies{
	position: relative;
	top: -5vh;
}
ul{
	list-style-type: none;
	padding-left: 3vw;
}
li{
	padding-bottom: 1vh;
  	padding-left: 1.5vw;
  	background-image: url(../img/square.jpg);
  	background-repeat: no-repeat;
  	background-size: 0.5vw;
  	background-position: left 0.9vw;
  	font-size: 1.7vw;
}
/*#crop_value li{
	font-size: 1.4vw;
	background-position: left 0.6vw;
}*/
.w_70, .w_30{
	display: inline-block;
	vertical-align: middle;
}
.w_70{
	width: calc(70% - 4vw);
}
.w_30{
	width: 30%;
	text-align: right;
}
.w_30 img{
	width: 90%;
	margin-top: 3vh;
}
#cropter, #hc_control_hub, #knowledge_base, #references_page, #hashcropter_rack_page, #crop_value, #community{
	background-color: #1a1a1a;
}
#cropter .container, #hc_control_hub .container, #hc_air_sensor .container, #knowledge_base .container, #references_page .container, #hashcropter_rack_page .container, #crop_value .container{
	background-color: #fff;
	padding-top: 2vh;
	padding-bottom: 2vh;
}
#cropter .container, #sub_start, #hc_control_hub .container, #knowledge_base .container, #references_page .container, #hashcropter_rack_page .container, #crop_value .container{
	margin-bottom: 2vh;
}
#hc_air_sensor .container, #hc_air_sensor #sub_start, #community #sub_start{
	margin-bottom: 0;
}
#hc_air_sensor, #hc_control_hub{
	border-top: 5px double #1a1a1a;
}
#sub_start{
	text-align: center;
	background-color: #fff;
}
#sub_start .container{
	padding-top: 0;
}
/*#sub_start .img_wrapper{
	width: 65%;
	margin: 0 auto;
}*/
#sub_start img{
	width: 90%;
	height: auto;
	margin: 0 auto;
	margin-top: 5vh;
}
#cropter #sub_start img{
	width: 85%;
}
.split div{
	display: block;
}
.split p{
	display: inline-block;
	width: 60%;
	vertical-align: top;
}
.split .full_width{
	width: 98%;
}
.split img{
	display: inline-block;
	width: 20%;
}
.split .right_img{
	margin-left: 11%;
}
.split .left_img{
	margin-right: 11%;
	margin-left: 4%;
	margin-top: 4vh;
}
#light_distribution{
	background-image: url(../img/cropter_arms.jpg);
	background-size: 25%;
	background-repeat: no-repeat;
	background-position: 95% 20%;
}
#intensity_img{
	width: 70%;
	height: auto;
}
#spectrum div p{
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}
#spectrum img{
	width: 30%;
	vertical-align: middle;
	display: inline-block;
	margin-left: 5%;
	margin-right: 10%;
}
.tablewrapper{
	padding: 0.5vh 2vw;
	max-width: 60%;
	font-size: 1.3vw;
	padding-left: 4vw;
}
.typ, .werte{
	display: inline-table;
	width: 20vw;
	text-align: left;
}
.typ{
	font-family: myriad pro;
	clear: both;
	width: 25vw;
}
#extensions{
	background-image: url(../img/infinity_cropter_ausschnitt.jpg);
	background-repeat: no-repeat;
	background-size: 45%;
	background-position: 0 50%;
}
#extensions .table{
	font-size: 1.3vw;
}
#extensions .table_intensity, #extensions p, #extensions .button_wrapper, #extensions h1{
	margin-left: 50%;
}
#extensions .table_intensity .cell{
	margin-right: 5vw;
}
#extensions p, #extensions .button_wrapper, #extensions h1{
	width: calc(50% - 2px);
	padding-left: 0;
}
#tech p{
	margin: 0;
	padding: 0;
	font-size: 1.3vw;
	line-height: 1.7vw;
}
#tech{
	background-image: url(../img/cropter_ausschnitt.jpg);
	background-position: 100% 50%;
	background-size: 45%;
	background-repeat: no-repeat;
}
#hashcropter_rack_page #tech{
	background-image: url(../img/lichtschraenke.jpg);
	background-size: cover;
	background-position: center;
}
#hashcropter_rack_page #tech h1{
	padding-left: 2vw;
}
#hashcropter_rack_page #tech .tablewrapper{
	max-width: 100%;
}
.tech_data_wrapper{
	width: 65%;
	background-color: rgba(255,255,255,0.9);
}
.tech_data_wrapper .typ{
	width: 50%;
}
.tech_data_wrapper .werte{
	width: 45%;
}
#hashcropter_rack_page ul, #crop_value ul{
	display: inline-block;
	min-height: 25rem;
	width: 60%;
}
#crop_value ul{
	min-height: inherit;
	width: 65%;
	padding-left: 1vw;
}
#crop_value .content_switch ul{
	width: 100%;
	min-height: initial;
}
#crop_value #spectral_tuning ul{
	padding-top: 4rem;
}
.img_boxes{padding-top: 1rem;}
#hc_control_hub #sub_start img{
	width: 60%;
}
#software_tutorial_video{
	position: relative;
	top: -20vh;
}
#software_tutorial .media_video{
	text-align: right;
	margin-left: 2vw;
}
#software_tutorial .media_video img{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#software_tutorial{
	text-align: center;
	margin-top: 2vw;
}
#software_tutorial h1{
	text-align: left;
}
#software_tutorial figure{
	display: inline-table;
	width: 26%;
	padding:0 2%;
	margin: 0;
}
#software_tutorial figure img{
	width: 70%;
	height: auto;
	margin-top: 0;
	transition: opacity 0.5s;
}
#software_tutorial figure img:hover{
	opacity: 0.7;
	transition: opacity 0.5s;
}
#software_tutorial figcaption{
	text-align: center;
	font-size: 1.7vmax;
	padding-top: 5%;
	margin: 0;
}
#hc_air_sensor #sub_start img{
	width: 60%;
}

#imprint li {background-image: none;}
#imprint_box{
	background-color: #fff;
	width: 90%;
	margin: 2vh auto;
	margin-top: 8vh;
	padding: 2vw;
	padding-bottom: 0;
	margin-bottom:0;
}
#imprint_box a{font-weight: bold; color: #1a1a1a; transition: all 0.5s;}
#imprint_box a:hover{color: #fff; transition: all 0.5s;}
#imprint span{
	background-color: #1a1a1a;
	color: #fff;
	padding: 1px;
}
#imprint_box p:last-of-type{padding-bottom: 2vh;}
h4{font-size: 2vw;}
#knowledge_base #sub_start img, #references_page #sub_start img, #hashcropter_rack_page #sub_start img, #crop_value #sub_start img, #community #sub_start img{
	margin-top: 6vh;
	width: 100%;
}
.blog_container{
	padding: 2vh 4vw;
	width: 85vw;
}

.blog_container h1, .blog_container h2{
	padding: 1vh 0;
	display: block;
}
#crop_value .blog_container h1{
	padding-top: 0;
	margin-top: 0;
}
.blog_container h2{
	margin-top: 8vh;
}
.blog_img_full{
	width: calc(100% - 4vw);
	height: auto;
	margin: 2vh 0;
	padding: 2vw;
}
.blog_img_left, .blog_img_right, #crop_value #sub_start .blog_img_left{
	width: 30%;
	height: auto;
	float: left;
	margin-right: 2vw;
	margin-bottom: 2vh;
}
.blog_img_right{
	float: right;
	margin-right: 0;
	margin-left: 2vw;
}
#crop_value .blog_img_right{
	width: 22%;
}
.blog_text{
	margin: 3vh 0;
	padding: 0;
	clear: both;
}
#references_page .blog_text, #hashcropter_rack_page .blog_text.img_float{
	min-height: 25rem;
}
.warning_box{
	border: 2px solid #C20E1A;
	padding: 0 1vw;
}
.lb-data .lb-caption{
	font-size: 2vw;
}
.table{
	display: inline-table;
	font-size: 1.6vw;
	text-align: left;
	margin-bottom: 2vh;
}
#crop_value .table{
	font-size: 1.4vw;
}
.table_intensity{
	width: calc(50% - 2px);
}
.cell{
	display: inline-table;
	margin-right: 2.5vw;
}
.flower_cell{
	min-width: 49.8%;
}
.table_intensity .cell{
	margin-right: 3vw;
}
.last_cell{
	margin-right: 0;
}
.row{
	display: table-row;
	line-height: 5vh;
}
#crop_value .row{
	line-height: 4vh;
}
#three_button, #five_button, #ten_button{
	min-width: 4%;
	text-align: center;
}
.crop_value_table{
	width: 100%;
}
.crop_value_table .cell {
	width: 15%;
	text-align: center;
}
.crop_value_table .cell.nonmobile{
	display: inline-table;
}
.crop_value_table .first_cell {
	width: 35%;
	text-align: left;
}
.crop_value_table .last_cell{
	margin-right: 0;
}
.table_intensity .row{
	text-align: center;
}
.table_spectral_tuning .cell{
	width: 70%;
	margin-right: 0;
	line-height: initial;
	margin: 1vh 0;
}
.table_spectral_tuning .first_cell{
	width: calc(30% - 2px - 5vw);
}
.table_intensity .row_red{
	color: #fff;
	background-color: #1a1a1a;
	text-align: left;
	font-weight: bold;
}
.table_intensity .red{
	text-align: left;
}
.bold{
	font-weight: bold;
}
.purple{
	color: purple;
}
.blue{
	color: blue;
}
.green{
	color: green;
}
.yellow{
	color: #fff600;
}
.orange{
	color: orange;
}
.span_red{
	color: red;
}
.span_far_red{
	color: #C20E1A;
}
.nav_jump{
	position: relative;
	top: -8vh;
}

#mrjose{
	background-image: url(../img/bud.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
@keyframes imgswap{
	from{opacity: 1;}
	to{opacity: 0;}
}
.bud2{
	background-image: url(../img/bud2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: 100%;
	height: 100vh;
	animation: imgswap 5s infinite alternate;
	animation-delay: 3s;
	z-index: 3;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
}
#mrjose p{
	color: #fff;
	width: 40vw;
	font-size: 2vh;
	margin: 2vh auto;
}
.mailchimp{
	position: absolute;
	z-index: 5;
	width: 100%;
	background-color: rgba(0,0,0,0.4);
	height: 100vh;
}
#mc_embed_signup{

	margin-top: 25vh;
	clear:left;
	font:14px myriad pro light;
	width: 100%;
}
#mc_embed_signup label{
	font-size: 2vw;
	color: #fff;
}
#mc_embed_signup input.email{
	width: 35vw;
	height: 4vh;
	font-size: 20px;
}
#mc_embed_signup .button{
	height: 4vh;
	font-size: 20px;
	background-color: darkgreen;
	border: 1px solid rgba(255,255,255,0.5);
}
#partner{
	background-color: #fff;
	width: 40%;
	height: 150px;
	margin: 3% auto;
	background-image: url(../img/partner_banner.jpg);
	background-size: 1719.9px 150px;
	background-position: 1719.9px;
	animation-name: bg_move;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
#community #sub_start{
	min-height: 97vh;
}
html body .mobile{display: none;}
.nonmobile{display: initial;}
/*--------------------------------------------------------------------------------------
------------------------------------MEDIA QUERIES---------------------------------------
--------------------------------------------------------------------------------------*/
@media only screen and (max-aspect-ratio: 16/9) and (max-width: 1600px){
	.footer p{
		font-size: 1.5vw;
	}
	p, #tech p, li, .table{
		font-size: 2vw;
	}
	.button{
		font-size: 1.1vw;
		margin-right: 0.5vw;
	}
	.w_33 p, .w_50 p{font-size: 1.3vw;}
	.w_33:nth-of-type(2){left: 0;}
	.w_33:nth-of-type(3){right: 3.5vw;}
	li{
		background-size: 0.7vw;
		background-position: left 1vw;
		padding-left: 2vw;
	}
	.w_30, .w_70 {vertical-align: middle;}
	#tech p{line-height: 2.7vw;}
	h1, h2{
		font-size: 2.5vw;
	}
	.button{
		border-radius: 5px;
	}
	nav a{font-size: 2.2vw;}
	.split img, .split p{vertical-align: middle;}
	#spectrum img{
		margin-left: 5%;
		margin-right: 10%;
		width: 30%;
	}
	#references_page .blog_text{
		min-height: auto;	
	}
}

@media only screen and (max-width: 1366px) and (orientation:portrait){
	#gleam_banner{
		bottom: -25%;
		left: 0;
		width: 100%;
		animation: appear_bottom 1s linear forwards;
		animation-delay: 15s;
		border:none;
		border-top: 2px solid #1a1a1a;
	}
	#gleam_banner img{
		border-top: 1px solid #1a1a1a;
	}
	#close_wrapper{
		display: none;
	}
	#close_wrapper_mobile{
		display: table-row;
		text-align: center;
	}
	#close_mobile{
		top: 0;
		right: 0;
		font-size: 1.5rem;
		border-radius: 0;
	}
	#scroll_down{
		bottom: 15%;
	}
	html body .nonmobile{
		display: none !important;
	}
	.crop_value_table .cell.nonmobile{
		display: none;
	}
	html body .mobile{
		display: inherit;
	}
	.social_media{
		width: 100%;
		text-align: center;
		position: initial;
		background-color: rgba(26,26,26,0.8);
		padding-top: 5vmax;
	}
	/*#home .social_media{
		width: 100%;
		right: 0;
		text-align: center;
		background-color: transparent;
		position: fixed;
		bottom: 3%;
	}*/
	.social_media a img{
		width: 4vmax;
	}
	section.module.parallax, section.module.content{
		height: auto;
		min-height: 100vh;
	}
	section.module.parallax-2 .container, #cropter_preview .container, #cropter_bundles .container{
		padding-top: 5vh;
		width: 85vw;
		margin-bottom: 2vh;
	}
	#references .container{
		margin-top: 0;
	}
	.active{border:none;}
	#home{
		background-size: contain;
		background-color: #000;
		background-position: 0% 5%;
	}
	/*#logo{
		width: 20vh;
	}*/
	#lang{
		right: 25vw;
		height: 4.5vh;
		width: auto;
	}
	.footnote{
		font-size: 1.2rem;
	}
	#crop_value #spectral_tuning ul{
		padding-top: 0;
	}
	.img_boxes{padding-top: 0;}
	nav a{
		font-size: 1.7vh;
	}
	nav .navbar{
		width: 100vw;
		margin: 0;
		padding: 0;
		position: fixed;
		top: calc(5vh + 10px);
		left: 0;
	}
	nav .navbar a{
		font-size: 4vh;
		height: 7vh;
		line-height: 7vh;
		padding: 0;
	}
	nav img{
		right: 4.5vh;
		top: 1vw;
	}
	#home .social_media a img{
		margin: 0 0.5vmax;
	}
	nav .navbar .social_media a{
		display: inline;
		width: 5vmax;
		height: auto;
		background: transparent;
	}
	nav .navbar .social_media a img{
		position: initial;
		margin: 0 2vmax;
		width: 5vmax;
		background-color: transparent;
	}
	#cropter_preview .whitebox{
		width: 55%;
	}
	.w_33, #cropter_preview .w_33, .w_50 {
		width: 100%;
		margin: 2vh 0;
	}
	#cropter_bundles figure{
		margin: 1rem;
	}
	.w_33:nth-of-type(2){
		margin: 0;
	}
	section.module .w_33 img{
		width: 96%;
	}
	.w_33 p, .w_50 p, .footer p, .contact, #cropter_preview p{
		font-size: 2vh;
	}
	.footer p, .contact{
		text-align: center;
	}
	h1, h2, h4	{
		font-size: 3vh;
	}
	.button{
		font-size: 1.7vh;
		width: calc(100% - 4vw);
		text-align: center;
		border-radius: 3px;
		margin: 0.5vh 0;
	}
	#menu_icon{
		right: 3vh;
		top:1vh;
		border-radius: 3px;
	}
	p, #tech p, li, .table, #crop_value li{
		font-size: 2.5vh;
	}
	.row{
		line-height: 2vh;
	}
	#knowledge_base .cell{
		margin-right: 0.5vw;
	}
	.table_intensity{
		width: calc(100% - 2px);
	}
	.w_70, .w_30, .w_30 img, #hc_platform img, .footer p, .contact, .split p, .split img, #spectrum div p ,#spectrum img, .tablewrapper, #software_tutorial p, #hc_air_sensor #sub_start img{
		width: 100%;
	}
	li{
		background-size: 0.7vh;
		background-position: left 1.5vh;
		padding-left: 2vh;
	}
	#sub_start img{
		margin-top: 7vh;
	}
	.split .right_img, .split .left_img, #spectrum img{
		margin: 0;
	}
	.footer .imp{float: none;}
	#light_distribution, #tech, #extensions{
		background-image: none;
	}
	#extensions p, #extensions .button_wrapper, #extensions h1, #extensions .table_intensity{
		width: 100%;
		margin-left: 2vw;
	}
	#extensions .table_intensity{
		width: 90%;
		margin-left: 10%;
		font-size: 1rem;
	}
	#tech p{
		font-size: 1rem;
	}
	.tech_data_wrapper{width: 100%;}
	#hashcropter_rack_page ul, #crop_value ul{
		width: 95%;
		min-height: auto;
	}
	#crop_value #table_switch_buttons{
		padding-left: 0;
	}
	.button_wrapper{
		width: 100%;
	}
	#three_button, #five_button, #ten_button{
		width: 10%;
	}
	#three_button{
		margin-left: 50%;
	}
	#crop_value .table{
		font-size: 0.8rem;
	}
	.box_wrapper{
		width: 90%;
		padding: 0.5rem;
	}
	#pricing .box_wrapper{
		width: 97%;
	}
	.crop_value_table .cell{
		width: 17%;
	}
	.crop_value_table .first_cell{
		width: 35%;
	}
	#intensity_img, #software_tutorial .media_video{
		width: 95%;
	}
	.tablewrapper{
		max-width: 100%;
		padding: 0;
		padding-left: 2vh;
	}
	.typ, .werte{
		width: 48%;
		margin: 1vh 0;
	}
	#tech p{
		line-height: 2.7vh;
	}
	.blog_img_left, .blog_img_right, #crop_value .blog_img_right{
		width: 100%;
	}

	#references_page .blog_text{
		min-height: auto;	
	}
	#mc_embed_signup input.email, #mc_embed_signup .button, #mrjose p{
		width: 90%;
		margin: 1vh auto;
	}
	#mc_embed_signup input.email, #mc_embed_signup .button{
		height: 30px;
	}
	#mc_embed_signup label{
		font-size: 3vh;
	}
	#mrjose p{
		font-size: 2.3vh;
	}
	#mc_embed_signup{
		margin-top: 10vh;
	}
	.bud2{animation: none;}
	#claim{
		right: 0;
		left: 2%;
		top: 40%;
	}
	.claim{
		width: 90%;
		text-align: left;
		font-size: 3vmax;
		top: 30%;
	}
	.left_claim{
		font-size: 3.5vmax;
		margin-bottom: 5%;
	}
	.right_claim{
		max-width: max-content;
		margin-left: 0;
	}
	#claim_button{
		margin-top:75%;
	}
	#partner{
		width: 100%;
		height: 100px;
		background-size: 1146.6px 100px;
		background-position: 1146.6px;
		animation-name: bg_move_mobile;
	}
	#software_tutorial figure{
		width: 95%;
		margin: 0 auto;
	}	
	#software_tutorial figure img{
		width: 70%;
		margin: 0 auto;
	}
	#software_tutorial figcaption{
		font-size: 2.5vmax;
		text-align: center;
	}
}
@media only screen and (max-width: 480px) and (orientation:portrait){
	#gleam_banner{
		bottom: -25%;
		left: 0;
		width: 100%;
		animation: appear_bottom 1s linear forwards;
		animation-delay: 5s;
		border:none;
		border-top: 2px solid #1a1a1a;
	}
	#gleam_banner img{
		border-top: 1px solid #1a1a1a;
	}
	#close_wrapper{
		display: none;
	}
	#close_wrapper_mobile{
		display: table-row;
		text-align: center;
	}
	#close_mobile{
		top: 0;
		right: 0;
		font-size: 1.5rem;
		border-radius: 0;
	}
	html body .nonmobile{
		display: none;
	}
	.crop_value_table .cell.nonmobile{
		display: none;
	}
	html body .mobile{
		display: inherit;
	}
	#home{
		background-size: contain;
		background-color: #000;
		background-position: 0% 5%;
	}
	section.module.parallax-2 .container, #cropter_preview .container, #cropter_bundles .container{
		padding-top: 5vh;
		width: 85vw;
		margin-bottom: 2vh;
	}
	/*#logo{
		width: 15vh;
	}*/
	#lang{
		right: 25vw;
		height: 3.5vh;
		width: auto;
	}
	.footnote{
		font-size: 1.2rem;
	}
	#crop_value #spectral_tuning ul{
		padding-top: 0;
	}
	#crop_value .img_boxes{padding-top: 0;}
	nav a{
		font-size: 1.7vh;
	}
	nav .navbar{
		width: 100vw;
		margin: 0;
		padding: 0;
		position: fixed;
		top: calc(5vh + 10px);
		left: 0;
	}
	nav .navbar a{
		font-size: 4vh;
		height: 7vh;
		line-height: 7vh;
		padding: 0;
	}
	nav img{
		right: 4.5vh;
		top: 1vw;
	}
	.social_media{
		width: 100%;
		text-align: center;
		position: initial;
		background-color: rgba(26,26,26,0.8);
		padding-top: 5vmax;
	}
	/*#home .social_media{
		width: 100%;
		right: 0;
		text-align: center;
		background-color: transparent;
		position: fixed;
		bottom: 3%;
	}*/
	.social_media a img{
		width: 7vmax;
		margin: 0 1vmax;
	}
	#home .social_media a img{
		margin: 0 0.5vmax;
	}
	nav .navbar .social_media a{
		display: inline;
		width: 5vmax;
		height: auto;
		background: transparent;
	}
	nav .navbar .social_media a img{
		position: initial;
		margin: 0 2vmax;
		width: 5vmax;
		background-color: transparent;
	}
	#cropter_preview .whitebox{
		width: 55%;
	}
	.w_33, #cropter_preview .w_33, .w_50 {
		width: 100%;
		margin: 2vh 0;
	}
	#cropter_bundles figure{
		margin: 1rem;
	}
	.w_33:nth-of-type(2){
		margin: 0;
	}
	.w_33 img{
		height: 17vh;
	}
	.w_33 p, .w_50 p, .footer p, .contact{
		font-size: 2vh;
	}
	.footer p, .contact{
		text-align: center;
	}
	h1, h2, h4	{
		font-size: 3vh;
	}
	.button{
		font-size: 1.7vh;
		width: calc(100% - 4vw);
		text-align: center;
		border-radius: 3px;
	}
	#menu_icon{border-radius: 3px;}
	p, #tech p, li, .table, #crop_value li{
		font-size: 2.5vh;
	}
	.table{font-size: 1.8vh;}
	.table_intensity{
		width: calc(100% - 2px);
	}
	.table_intensity .left_cell{
		min-width: 59%;
	}
	.row{
		line-height: 3vh;
	}
	.w_70, .w_30, .w_30 img, #hc_platform img, .footer p, .contact, .split p, .split img, #spectrum div p ,#spectrum img, .tablewrapper, #software_tutorial p, #hc_air_sensor #sub_start img, #crop_value .blog_img_right{
		width: 100%;
	}
	li{
		background-size: 0.7vh;
		background-position: left 1.5vh;
		padding-left: 2vh;
	}
	#sub_start img{
		margin-top: 7vh;
	}
	.split .right_img, .split .left_img, #spectrum img{
		margin: 0;
	}
	.footer .imp{float: none;}
	#light_distribution, #tech, #extensions{
		background-image: none;
	}
	#extensions p, #extensions .button_wrapper, #extensions h1, #extensions .table_intensity{
		width: 100%;
		margin-left: 2vw;
	}
	#extensions .table_intensity{
		width: 90%;
		margin-left: 10%;
		font-size: 1rem;
	}
	#extensions .table_intensity .cell{
		margin-right: 3vw;
	}
	#tech p{
		font-size: 0.8rem;
	}
	.tech_data_wrapper{width: 100%;}
	#hashcropter_rack_page ul, #crop_value ul{
		width: 95%;
		min-height: auto;
	}
	#crop_value #table_switch_buttons{
		padding-left: 0;
	}
	.button_wrapper{
		width: 100%;
	}
	#three_button, #five_button, #ten_button{
		width: 10%;
	}
	#three_button{
		margin-left: 50%;
	}
	#crop_value .table{
		font-size: 0.8rem;
	}
	.box_wrapper{
		width: 95%;
	}
	#pricing .box_wrapper{
		width: 97%;
	}
	.crop_value_table .cell{
		width: 17%;
	}
	.crop_value_table .first_cell{
		width: 35%;
	}
	#intensity_img, #software_tutorial .media_video{
		width: 95%;
	}
	.tablewrapper{
		max-width: 100%;
		padding: 0;
		padding-left: 2vh;
	}
	.typ, .werte{
		width: 48%;
		margin: 1vh 0;
	}
	#tech p{
		line-height: 2.7vh;
	}
	#mc_embed_signup input.email, #mc_embed_signup .button, #mrjose p{
		width: 90%;
		margin: 1vh auto;
	}
	#mc_embed_signup input.email, #mc_embed_signup .button{
		height: 30px;
	}
	#mc_embed_signup label{
		font-size: 3vh;
	}
	#mrjose p{
		font-size: 2.3vh;
	}
	#mc_embed_signup{
		margin-top: 10vh;
	}
	.bud2{animation: none;}
	#claim{
		right: 0;
		left: 2%;
		top: 40%;
	}
	.claim{
		width: 90%;
		text-align: left;
		font-size: 3vmax;
		top: 30%;
	}
	.left_claim{
		font-size: 3.5vmax;
		margin-bottom: 5%;
	}
	.right_claim{
		max-width: max-content;
		margin-left: 0;
	}
	#partner{
		width: 100%;
		height: 100px;
		background-size: 1146.6px 100px;
		background-position: 1146.6px;
		animation-name: bg_move_mobile;
	}
	#software_tutorial figure{
		width: 95%;
		margin: 0 auto;
	}	
	#software_tutorial figure img{
		width: 70%;
		margin: 0 auto;
	}
	#software_tutorial figcaption{
		font-size: 2.5vmax;
		text-align: center;
	}
}
@media only screen and (pointer: coarse) and (orientation:landscape) and (max-device-width: 1440px){
	.lity-content{
		transform: scale(0.7);
	}
	.lity-container{
		vertical-align: baseline !important;
		top: -10%;
	}
	#gleam_banner{
		bottom: 55%;
		width: 35%;
		left: -36%;
	}
	#gleam_banner img{
		border-right: 1px solid #1a1a1a; 
	}
	#close{
		font-size: 1.5rem;
	}
	#close_wrapper{
		width: 8%;
	}
	#close_wrapper:hover{
		background-color: #fff;
		color: #1a1a1a;
	}
	html body .nonmobile{
		display: none;
	}
	.crop_value_table .cell.nonmobile{
		display: none;
	}
	html body .mobile{
		display: inherit;
	}
	p, .blog_text{margin: 0;}
	.img_boxes{padding-top: 1.5rem;}
	nav{
		height: 8vh;
	}
	nav .navbar{
		width: 100vw;
		margin: 0;
		padding: 0;
		position: fixed;
		top: calc(8vh + 10px);
		left: 0;
	}
	nav .navbar a{
		height: 9vh;
	}
	nav img{
		right: 4.5vh;
		top: 1.5vh;
	}
	.social_media{
		width: 100%;
		text-align: center;
		position: initial;
		background-color: rgba(26,26,26,0.8);
		padding-top: 4vh;
	}
	/*#home .social_media{
		width: 5vmax;
		left: 1%;
		right: auto;
		text-align: center;
		background-color: transparent;
		position: fixed;
		bottom: 3%;
	}
	#home .social_media a img{
		width: 4vmax;
	}*/
	nav .navbar .social_media a{
		display: inline;
		width: 6vmax;
		height: auto;
		background: transparent;
	}
	nav .navbar .social_media a img{
		position: initial;
		margin: 0 2vmax;
		width: 6vmax;
		background-color: transparent;
	}
	#logo{
		height: 10vh;
		top: 1.2vh;
	}
	#menu_icon{
		height: 7vh;
	}
	.button, #menu_icon{
		border-radius: 3px;
	}
	#lang{
		top: 1.2vh;
		right: 12vw;
		height: 8vh;
		width: auto;
	}
	.footnote{
		font-size: 1.2rem;
	}
	#crop_value #spectral_tuning ul{
		padding-top: 1rem;
	}
	#crop_value li, #crop_value p{
		font-size: 2vw;
	}
	#crop_value .table, .button{
		font-size: 1.5vw;
	}
	#crop_value .blog_img_right{
		padding-top: 3rem;
	}
	#hashcropter_rack_page ul{
		min-height: 6rem;
	}
	section.module .w_33 img{
		margin-bottom: -3rem;
	}
	#cropter_bundles figure{
		margin: 1rem;
	}
	.w_33 .button_wrapper{
		margin-top: 3rem;
	}
	.w_33 .button{
		width: 90%;
		margin-bottom: 2vh;
	}
	.w_50 .button_wrapper{
		margin-top: 6rem;
	}
	#home{
		background-attachment: fixed;
		background-size: contain;
		background-position: top;
	}
	/*#logo{
		width: 20vw;
	}*/
	nav .navlinks a{
		font-size: 3.7vw;
	}
	#references_page .blog_text{
		min-height: 8rem;	
	}
	.bud2{animation: none;}
	#mc_embed_signup label{
		font-size: 3vw;
	}
	#mrjose p{
		font-size: 2vw;
		width: 80vw;
	}
	#mc_embed_signup input.email, #mc_embed_signup .button{
		height: 30px;
		width: 80vw;
	}
	#mc_embed_signup{
		margin-top: 5vh;
	}
	#partner{
		width: 100%;
		height: 100px;
		background-size: 1146.6px 100px;
		background-position: 1146.6px;
		animation-name: bg_move_mobile;
	}
	#claim{
		right: 0;
		left: 20%;
		top: 45%;
	}
	.claim{
		display: block;
	}
	.left_claim{
		font-size: 4vmax;
		width: 55%;
		text-align: left;
	}
	.right_claim{
		font-size: 2vmax;
		width: 70%;
		max-width: max-content;
		margin: 0;
		margin-top: 2%; 
	}
	.contact{
		font-size: 1rem;
		width: 98%;
	}

}