@import url('https://fonts.googleapis.com/css?family=Roboto:100i,300,300i,400,700');
.container-fluid {
  background: #1a1a1a;
  overflow-x: hidden;
  overflow-y: hidden;
}
nav {
  width: 100%;
  height: 100px;
}
nav ul {
  height: 100%;
  display: flex;
}
nav li svg {
  margin: 5px;
}
nav ul li {
  color: white;
  display: block;
  font-size: 24px;
  font-weight: lighter;
  float: left;
  text-align: center;
  height: 100%;
/*   flex: 1; */
  min-width: 150px;
  line-height: 100px;
}
.header {
/*   background: purple; */
  height: 100vh;
  color: white;
}
.headtext {
  font-family: roboto;
/*   background: purple; */
  height: 150px;
  margin-top: 100px;
/*   width: 400px; */
}
.headtext h1 {
  font-size: 50px;
  font-weight: bolder;
}
.headtext h3 {
  margin-top: 100px;
}
.bluetxt {
  color: #2563FF;
}
.headtext p {
  font-weight: lighter;
  font-size: 30px;
}
.minimalui {
  /* background: green; */
  height: 90vh;
}

.minimalui svg {
   width: 100%;
  margin-top: 60px;;
}
.benefits {
  background: #f0f0f0;
  height: 700px;
  padding-top: 100px;
}
.benefits h2 {
  font-size: 36px;
  font-weight: bolder;
}
.benefits h5 {
  font-size: 24px;
  font-weight: bolder;
  font-family: roboto
}
.benefits p {
  font-size: 18px;
  font-weight: lighter;
  font-family: roboto
}
* {
  /* outline: 1px solid red; */
}

.features {
  padding-top: 50px;
  height: 500px;
}
.features h1 {
  text-align: center;
  color: white;
  padding-bottom: 100px;
}
.f1 {
  margin: 0 auto;
}
.feature {
  color: white;
  margin: 0 65px;

}
.feature P {
  font-size: 24px;
  text-align: justify;
  font-weight: lighter;
}
.feature h2 {
  font-size: 36px;
  text-align: center;
}
.feature button {
  margin-left: 50%;
  transform: translateX(-50%);
  width: 130px;
  background: #FFC025;
  border: none;
  color: white;
}
.contact {
  height: 100vh;
  color: white;
  /* background: blue; */
}
.contact h1 {
  text-align: center;
  font-size: 50px;
  margin-top: 100px;
}
.contact p {
  text-align: center;
  font-size: 28px;
  margin-bottom: 100px;
  color: #C0BCBC;
  font-weight: lighter;
}
.contact input, .contact textarea {
  width: 100%;
}
.contact input[type="submit"] {
  background: #FBCF35;
  border: none;
  width: 100%;
}
.contact input {

  height: 40px;
  margin-top: 20px;
}
.contact textarea{
  margin-top: 20px;
  height: 120px;
}
.contact h2 {
  font-size: 36px;
}
.subscriptionbottom p {
  
  text-align: left;
}
.subscriptionbottom input {
  width: 330px;
}