/* Global */

html {
	background-color: black;
	font-family: 'Jost*';
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
}

/* Sections */

body {
	min-width: 1140px;
}

.marginfix {
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 65px;
	padding-left: 65px;
}

.header {
	padding-top: 65px;
}

.header img {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.hero {
	padding-top: 130px;
	padding-bottom: 680px;
	text-align: center;
	background: url(../images/phone.png) center 380px no-repeat;
	
		-webkit-animation: fadeInUp 1s 1;
			-moz-animation: fadeInUp 1s 1;
			animation: fadeInUp 1s 1;
}

.section-demo {
	padding-top: 370px;
	padding-bottom: 290px;
	background: url(../images/food.png) right bottom no-repeat;
	background-size: 475px;
}

.section-features {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #1F1F1F;
}

.section-features .block-container {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
}

.section-features .block {
	display: inline-block;
	width: 41.6%;
	margin: 4%;
}

.footer .block {
	display: inline-block;
	width: 20.6%;
	margin-right: 4%;
	vertical-align: top;
}

.section-signup {
	padding-top: 160px;
	padding-bottom: 160px;
	text-align: center;
}

.footer {
	padding-top: 100px;
	padding-bottom: 100px;
	border-style: solid;
	border-top: 1px solid #272727;
}

/* Typography */

.label {
	color: #CCCCCC;
	font-size: 16px;
	line-height: 25px;
}

.label a {
	color: #CCCCCC;
}

h1 {
	font-size: 64px;
	font-weight: 500;
	letter-spacing: -1.5px;
	margin-bottom: 10px;
}

h2 {
	font-size: 48px;
	font-weight: 500;
	letter-spacing: -1px;
	margin-bottom: 20px;
	line-height: 45px;
}

h3 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -1px;
}

p {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -1px;
	margin-bottom: 5px;
}

/* Objects */

input#mc-embedded-subscribe.button {
	background-color: #434343;
	border-style: none;
	border-radius: 100px;
	padding: 7px 20px;
	color: #ffffff;
	font-family: 'Jost*';
	font-size: 18px;
	margin-top: 10px;
}

input#mc-embedded-subscribe.button:hover {
	background-color: #1f1f1f;
}

.footer img {
	height: 10px;
	margin-top: 100px;
}

.hero h1 {
	-webkit-animation: fadeIn 1s 1;
		-moz-animation: fadeIn 1s 1;
		animation: fadeIn 1s 1;
}

.hero h3 {
	-webkit-animation: fadeInUp 1s 1;
		-moz-animation: fadeInUp 1s 1;
		animation: fadeInUp 1s 1;
}

.hero h3 {
	-webkit-animation: fadeInUp 1s 1;
		-moz-animation: fadeInUp 1s 1;
		animation: fadeInUp 1s 1;
}

a.menu {
	position: absolute;
	margin-top: 2px;
}

.block .icon {
	float: left;
	margin-top: -10px;
	margin-right: 20px;
}

.highlight-orange {
	background: -webkit-gradient(linear, 100% 0, 0 0, from(red), to(#F76B1C));
		background: -webkit-linear-gradient(right, #FAD961, #F76B1C);
		background: -moz-linear-gradient(right, #FAD961, #F76B1C);
		background: -o-linear-gradient(right, #FAD961, #F76B1C);
		background: linear-gradient(right, #FAD961, #F76B1C);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}

.highlight-orange {
background: linear-gradient(to right, #FFF 20%, #FF0 40%, #FF0 60%, #FFF 80%);
  background-size: 200% auto;
  font-family: 'Kalam', cursive;
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
  animation: shine 1s linear infinite;
  @keyframes shine {
    to {
      background-position: 200% center;
    }
	
	}
}

.highlight-orange {
	color: #f35626;
	background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: hue 1s infinite linear;
}

@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}