@font-face {
  font-family: 'vaground_bold';
  src: url('fonts/vag_rounded/vag_round.eot'); /* IE9 Compat Modes */
  src: url('fonts/vag_rounded/vag_round.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/vag_rounded/vag_round-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/vag_rounded/vag_round-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/vag_rounded/vag_round.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('fonts/vag_rounded/vag_round.svg#svgFontName') format('svg');  /*Legacy iOS */ */
}
@font-face {
  font-family: 'vaground_light';
  src: url('fonts/vag_rounded/vag_round_light.eot'); /* IE9 Compat Modes */
  src: url('fonts/vag_rounded/vag_round_light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/vag_rounded/vag_round_light.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/vag_rounded/vag_round_light.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/vag_rounded/vag_round_light.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('fonts/vag_rounded/vag_round_light.svg#svgFontName') format('svg');  /*Legacy iOS */ */
}
*{
	margin: 0px;
	padding: 0px;
	font-family: 'vaground_bold' ;
}

html{
	height: 100%;
	font-family: 'vaground_bold' !important;
}

body{
	height: 100vh;
	background:none;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	overflow:hidden;
	font-family: 'vaground' !important ;
}


.logo{
	position: absolute;
	z-index: 9999;
	top: 0;
}



.gateway_menu{

}

.gateway{
    display: table;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.15);
}

.gateway_left{
	padding-bottom: 70px;
}

.gateway_right{
	padding-top: 70px;
}

.vertical_center{
	display: table-cell;
    text-align: center;
    vertical-align: middle;
	color: #fff;
}

.vertical_center h1{
	font-weight: lighter;
	margin-top: 0;
    line-height: 80%;
	text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.65);
	margin-bottom: 30px;
}

.vertical_center h4{
    line-height: 80%;

}

.gateway_menu ul li{
}

.gateway_menu ul li a{
	background: #1653a0;
	color: #fff;
    display: initial;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px; /* future proofing */
	-khtml-border-radius: 50px; /* for old Konqueror browsers */
	padding: 10px 30px;
}
.gateway_left a:hover{
  color: #ffc907;
  text-decoration: none;
}
.gateway_right a:hover{
  color: #ffc907;
  text-decoration: none;
}
.copyright{
	text-align: center;
    position: absolute;
    bottom: 6vh;
}
.copy{
    text-align: center;
    /* position: absolute; */
    bottom: -35px;
    float: none;
    margin: auto;
    color: #ffc907;
}
ul li a{
	background: #1451a2;
    padding: 10px 30px;
    border-radius: 15px;
    color: #fff;
    text-transform: capitalize;
}


@media only screen and (min-width: 320px) and (max-width: 480px){
	.logo {
		width: 100%;
		text-align: center;
	}
	.logo img{
		width: 120px;
	}
	.gateway{
		width: 100%;
		height: 100%;
		padding-top:70px;
	}
	.gateway_left {
		padding-bottom: 0;
	}
	.gateway_menu {
		margin-top: 200px;
	}
	.copyright{
		width:100%;
		bottom: 3vh;
	}
	.gateway_right {
    	padding-top: 0;
		z-index:9999;
	}
  .trapezoid_foodie{
    clip-path: none;
  }
  .copy{
    bottom: -70px;
  }

}

@media only screen and (max-width: 600px){
	.mainnav ul li {
		float: left;
		width: 100%;
	}

	.mainnav ul li ul {
    	width: 100%!important;
		position: relative!important;
	}
}
@media screen and (max-width:1280px) and (min-width:480px){
  .logo img{
    width: 100px;
  }
  .gateway{
    height: 50vh !important;
  }
  /* .gateway_left{
    padding-bottom: 5px;
  }
  .gateway_right{
    padding-bottom: 5px;
  } */
   .copy{
    display: none;
  }
  .recipeForm{
    margin-top: 70px !important;
  }
  .gateway_cont{
    padding: 0;
  }
/* .gateway{
  width: 100%;
  height: 100%;
  padding-top:70px;
} */
.gateway_right, .gateway_left{
  padding-top: 150px !important;
}
.gateway_divider{
  display: none !important;
}
.gateway_menu {
  margin-top: 200px;
}
.copyright{
  width:100%;
  bottom: 3vh;
}
.gateway_right {
    padding-top: 0;
  z-index:9999;
}
.trapezoid_foodie{
    clip-path: none !important;
    width: 100vw !important;
    height: 50vh !important;
    position: relative !important;
}
.trapezoid_farmer{
    clip-path: none !important;
    width: 100vw !important;
    height: 50vh !important;
    position: relative !important;
    border-top: 4px solid #ffc907;
}
.vertical_center{
  display: block;
}
}