* {
  margin:0;
  padding: 0;
  border: 0;
  outline: 0;
  font-family: helvetica;
}

body {
    background-color: white;
    width:100%;
    margin:0;
    padding: 0;
}

img
{
  border: 0;
}

#navbar{
  width: 100%;
  float: left;
  margin: 0 0 1em 0;
  padding: 0;
  background-color: #333;
  border-bottom: 1px solid #ccc;
  top:0;
  text-align: center;
  overflow: hidden;
  border-top: 0;
  margin-top: 0;
}

#navbar ul {
  list-style: none;
  width: 800px;
  margin: 0 auto;
  padding: 0;
}

#navbar li {
  float: none;
  display: inline-block;
}

#navbar li a {
  display: inline-block;
  padding: 12px 15px;
  text-decoration: none;
  font-family: Verdana;
  font-size: .95em;
  color: white;
}

#navbar li:first-child a {}

#navbar li a:hover, #navbar li a:active {
  color: gray;
}

.aboutme {
  padding:250px 0;
  margin:30px auto;
  background-image: url("../images/front.jpg");
  background-size: 90em 60em;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;

}

.aboutme p{
  margin-bottom: 40px;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 5px;
  max-width: 50em;
  font-size: 1em;
  background: rgba(34,34,34,0.75);
  margin: 1px 50px -10px 10px;
  text-align: center;
  }




.aboutme h2{

  text-align: center;
  background: rgba(34,34,34,0.75);
  margin: 10px 940px 0px 0px;
  padding-right: 10px;
  padding-left: 0px;
  font-size: 40px;
}

p {
  padding: 4px 8px;
  margin: 0;
}

script {
  background-position: center;
}


#head{
  font-size: 40px;
  text-align: center;
}

.mybutton2 {
  -moz-box-shadow:inset 0px 0px 0px 0px #fff;
  -webkit-box-shadow:inset 0px 0px 0px 0px #fff;
  box-shadow:inset 0px 0px 0px 0px #fff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a3a3a3), color-stop(1, #5c585c));
  background:-moz-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:-webkit-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:-o-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:-ms-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:linear-gradient(to bottom, #a3a3a3 5%, #5c585c 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a3a3', endColorstr='#5c585c',GradientType=0);
  background-color:#a3a3a3;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  border:1px solid #211621;
  display:inline-block;
  cursor:pointer;
  color:#ededed;
  font-family:Trebuchet MS;
  font-size:19px;
  font-weight:bold;
  padding:10px 17px;
  text-decoration:none;
  text-shadow:0px 1px 0px #0a080a;
}
.mybutton2:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5c585c), color-stop(1, #a3a3a3));
  background:-moz-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:-webkit-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:-o-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:-ms-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:linear-gradient(to bottom, #5c585c 5%, #a3a3a3 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c585c', endColorstr='#a3a3a3',GradientType=0);
  background-color:#5c585c;
}
.mybutton2:active {
  position:relative;
  top:1px;
}


.coverletter {
  -moz-box-shadow:inset 0px 0px 0px 0px #fff;
  -webkit-box-shadow:inset 0px 0px 0px 0px #fff;
  box-shadow:inset 0px 0px 0px 0px #fff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a3a3a3), color-stop(1, #5c585c));
  background:-moz-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:-webkit-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:-o-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:-ms-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:linear-gradient(to bottom, #a3a3a3 5%, #5c585c 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a3a3', endColorstr='#5c585c',GradientType=0);
  background-color:#a3a3a3;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  border:1px solid #211621;
  display:inline-block;
  cursor:pointer;
  color:#ededed;
  font-family:Trebuchet MS;
  font-size:19px;
  font-weight:bold;
  padding:10px 17px;
  text-decoration:none;
  text-shadow:0px 1px 0px #0a080a;
}
.coverletter:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5c585c), color-stop(1, #a3a3a3));
  background:-moz-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:-webkit-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:-o-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:-ms-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:linear-gradient(to bottom, #5c585c 5%, #a3a3a3 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c585c', endColorstr='#a3a3a3',GradientType=0);
  background-color:#5c585c;
}
.coverletter:active {
  position:relative;
  top:1px;
}

#resume
{
  padding-right: 20px;
  padding-left: 20px;
  width: 100%;
  align-content: space-around;
}


div .row {
  width: 100%;
  text-align: center;
  border: 1px solid red;
}

footer {
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  background-color: gray;
  color: white;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.meeting{
  text-align: left;
  color:black;
  padding-top: 50px;
  padding: 20px 20px 20px 20px;
  width: 800px;
  display: inline-block;
  background-color: silver;
  margin-left: 50px;
  margin-bottom: 100px;
}

.meeting1 ul {
    list-style-position: inside;
    padding-left: 150px;
    padding-bottom: 0px;
}

.meeting h1 {
  padding-left: 0px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
}

.meeting1 h1 {
  padding-left: 0px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
}

.meeting p {
  text-align: center;
}

.meeting1 {
   text-align: left;
  color:black;
  padding-top: 10px;
  padding: 20px 20px 20px 20px;
  width: 800px;
  display: inline-block;
  float: left;
  background-color: silver;
  margin-left: 50px;
  margin-bottom: 100px;
  margin-top: 50px;
  padding-bottom: 150px;
  height: 20px;
}


script {
width: 100%;
max-width: 1280px;
max-height: 720px;
height: 100%;
padding-top: 30px;
}

.slides {
max-height: 200px;
margin-bottom: 0px;

}

/* Page 3 */

.technology {
  text-align: center;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  width: 1180px;
  padding-left: 180px;
  margin-left: 250px;
  margin-bottom: 100px;
  padding:65px 10px;
  margin:120px auto;
  background-image: url("../images/dealer.jpg");
  background-size: 95em 50em;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  margin-top: 0px;
}

.technology p{
  margin-bottom: 40px;
  padding-right: 0px;
  padding-left: 20px;
  padding-top: 5px;
  max-width: 40em;
  font-size: 1em;
  background: rgba(34,34,34,0.75);
  margin: 1px 50px -10px 10px;
  text-align: center;
  }

.technology h1{
  background: rgba(34,34,34,0.75);
  margin: 50px 740px 0px 20px;
  padding-right: 0px;
  padding-left: 0px;
  margin-top: 600px;
  font-size: 30px;
  text-align: center;

}


.how {
 text-align: center;
  max-width: 100%;
  color: black;
  font-family: Helvetica;
  background-position: center;
  width: 1180px;
  padding-left: 180px;
  margin-left: 250px;
  margin-bottom: 50px;
  padding:65px 10px;
  margin:120px auto;
  background-size: 95em 50em;
  max-width: 100%;
  font-family: Helvetica;
  background-position: center;
  margin-top: 0px;
}


.companies {
  text-align: center;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  width: 960px;
  height: 720px;
  padding-left: 180px;
  margin-left: 250px;
  margin-bottom: 100px;
  padding: 0px 70px;
  margin:120px auto;
  background-image: url("../images/mbselfdriving.jpg");
  background-size: 78em 45em;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  margin-top: 40px;
}


.companies p{
  margin-bottom: -40px;
  padding-top: 3px;
  padding-bottom: 10px;
  padding-right: 0px;
  padding-left: 20px;
  max-width: 40em;
  font-size: 1em;
  background: rgba(34,34,34,0.75);
  margin: 10px 80px 100px 90px;
  text-align: center;
  text-decoration: none;
  }

.companies h2{
  background: rgba(34,34,34,0.75);
  margin: 50px 240px 40px 20px;
  padding-right: 10px;
  padding-left: 0px;
  margin-top: 10px;
  font-size: 30px;
  text-align: center;
  text-decoration: none;

}

.google {
  text-align: center;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  width: 1180px;
  padding-left: 180px;
  margin-left: 250px;
  margin-bottom: 100px;
  padding:250px 10px;
  margin:120px auto;
  background-image: url("../images/googlecar.jpg");
  background-size: 90em 50em;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  margin-top: 0px;
}


.google h2{
  background: rgba(34,34,34,0.75);
  margin: 50px 940px 0px 20px;
  padding-right: 10px;
  padding-left: 0px;
  margin-top: 10px;
  font-size: 30px;
  text-align: center;
  text-decoration: none;

}

.tesla {
  text-align: center;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  width: 1180px;
  padding-left: 180px;
  margin-left: 250px;
  margin-bottom: 100px;
  padding:250px 10px;
  margin:120px auto;
  background-image: url("../images/teslaselfdriving.jpg");
  background-size: 90em 50em;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  margin-top: 0px;
}


.tesla h2{
  background: rgba(34,34,34,0.75);
  margin: 50px 740px 0px 20px;
  padding-right: 10px;
  padding-left: 0px;
  margin-top: 10px;
  font-size: 30px;
  text-align: center;
  text-decoration: none;

}

.baidu {
  text-align: center;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  width: 1100px;
  padding-left: 180px;
  margin-left: 250px;
  margin-bottom: 100px;
  padding:250px 10px;
  margin:120px auto;
  background-image: url("../images/china.jpg");
  background-size: 74em 40em;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  margin-top: 0px;
  text-decoration: none;
}


.baidu h2{
  background: rgba(34,34,34,0.75);
  margin: 50px 740px 0px 20px;
  padding-right: 10px;
  padding-left: 0px;
  margin-top: 10px;
  font-size: 30px;
  text-align: center;
  text-decoration: none;

}

.graph {
  text-align: center;
  background-image: url("../images/sdcprojection.png");
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  height: 890px;
  width: 1250px;
  margin:120px auto;
}


.graph h2{
  background: rgba(34,34,34,0.75);
  margin: 50px 640px 0px 20px;
  padding-right: 10px;
  padding-left: 0px;
  margin-top: 40px;
  font-size: 30px;
  text-align: center;
  text-decoration: none;

}

/* Page 4 */


.dreamjob {
  text-align: center;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  width: 1180px;
  padding-left: 200px;
  margin-left: 180px;
  margin-bottom: 100px;
  padding:250px 0;
  margin:100px auto;
  background-image: url("../images/teslaworkplace.jpg");
  background-size: 100em 50em;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  margin-top: 0px;
}

.dreamjob h1{
  background: rgba(34,34,34,0.75);
  margin: 50px 340px 0px 20px;
  padding-right: 10px;
  padding-left: 0px;
  margin-top: 200px;
  margin-bottom: -84px;
  font-size: 28px;
  text-align: center;

}

.dreamjob2 {
  text-align: center;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  width: 1180px;
  padding-left: 200px;
  margin-left: 180px;
  margin-bottom: 100px;
  padding:250px 0;
  margin:100px auto;
  background-image: url("../images/dataselfdriving.jpg");
  background-size: 90em 50em;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  margin-top: 0px;
}

.dreamjob2 h2{
  background: rgba(34,34,34,0.75);
  margin: 50px 340px 0px 20px;
  padding-right: 10px;
  padding-left: 0px;
  margin-top: 200px;
  margin-bottom: -44px;
  font-size: 28px;
  text-align: center;

}

.dreamjob3 {
  text-align: center;
  max-width: 100%;
  color:#fff;
  font-family: "Helvetica", serif, Georgia;
  background-position: center;
  width: 1180px;
  padding-left: 180px;
  margin-left: 250px;
  margin-bottom: 100px;
  padding:250px 10px;
  margin:120px auto;
  background-image: url("../images/data-scientist.jpg");
  background-size: 70em 50em;
  max-width: 100%;
  color:#fff;
  font-family: Helvetica;
  background-position: center;
  margin-top: 0px;
}

.dreamjob3 h2{
  background: rgba(34,34,34,0.75);
  margin: 50px 180px 0px 20px;
  padding-right: 20px;
  padding-left: 30px;
  margin-top: 200px;
  margin-bottom: -84px;
  font-size: 28px;
  text-align: center;

}


.picture {
  text-align: center;
}


.travel h1{
  background: rgba(34,34,34,0.75);
  margin: 50px 340px 0px 20px;
  padding-right: 10px;
  padding-left: 0px;
  margin-top: 200px;
  margin-bottom: -44px;
  font-size: 28px;
  text-align: center;
}

.europe {
text-align: center;
background-color: red;
margin-top: 20px;
margin-left: 450px;
margin-right: 450px;
margin-bottom: 90px;
background: rgba(34,34,34,0.75);
color: white;
}

.myButton {
  -moz-box-shadow:inset 0px 0px 0px 0px #fff;
  -webkit-box-shadow:inset 0px 0px 0px 0px #fff;
  box-shadow:inset 0px 0px 0px 0px #fff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a3a3a3), color-stop(1, #5c585c));
  background:-moz-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:-webkit-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:-o-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:-ms-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:linear-gradient(to bottom, #a3a3a3 5%, #5c585c 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a3a3', endColorstr='#5c585c',GradientType=0);
  background-color:#a3a3a3;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  border:1px solid #211621;
  display:inline-block;
  cursor:pointer;
  color:#ededed;
  font-family:Trebuchet MS;
  font-size:19px;
  font-weight:bold;
  padding:10px 17px;
  text-decoration:none;
  text-shadow:0px 1px 0px #0a080a;
}
.myButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5c585c), color-stop(1, #a3a3a3));
  background:-moz-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:-webkit-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:-o-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:-ms-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:linear-gradient(to bottom, #5c585c 5%, #a3a3a3 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c585c', endColorstr='#a3a3a3',GradientType=0);
  background-color:#5c585c;
}
.myButton:active {
  position:relative;
  top:1px;
}

.reference {
  -moz-box-shadow:inset 0px 0px 0px 0px #fff;
  -webkit-box-shadow:inset 0px 0px 0px 0px #fff;
  box-shadow:inset 0px 0px 0px 0px #fff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a3a3a3), color-stop(1, #5c585c));
  background:-moz-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:-webkit-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:-o-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:-ms-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:linear-gradient(to bottom, #a3a3a3 5%, #5c585c 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a3a3', endColorstr='#5c585c',GradientType=0);
  background-color:#a3a3a3;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  border:1px solid #211621;
  display:inline-block;
  cursor:pointer;
  color:#ededed;
  font-family:Trebuchet MS;
  font-size:19px;
  font-weight:bold;
  padding:10px 17px;
  text-decoration:none;
  text-shadow:0px 1px 0px #0a080a;
}
.reference:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5c585c), color-stop(1, #a3a3a3));
  background:-moz-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:-webkit-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:-o-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:-ms-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:linear-gradient(to bottom, #5c585c 5%, #a3a3a3 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c585c', endColorstr='#a3a3a3',GradientType=0);
  background-color:#5c585c;
}
.reference:active {
  position:relative;
  top:1px;
}


.passion {
  -moz-box-shadow:inset 0px 0px 0px 0px #fff;
  -webkit-box-shadow:inset 0px 0px 0px 0px #fff;
  box-shadow:inset 0px 0px 0px 0px #fff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a3a3a3), color-stop(1, #5c585c));
  background:-moz-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:-webkit-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:-o-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:-ms-linear-gradient(top, #a3a3a3 5%, #5c585c 100%);
  background:linear-gradient(to bottom, #a3a3a3 5%, #5c585c 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a3a3', endColorstr='#5c585c',GradientType=0);
  background-color:#a3a3a3;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  border:1px solid #211621;
  display:inline-block;
  cursor:pointer;
  color:#ededed;
  font-family:Trebuchet MS;
  font-size:19px;
  font-weight:bold;
  padding:10px 17px;
  text-decoration:none;
  text-shadow:0px 1px 0px #0a080a;
}
.passion:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5c585c), color-stop(1, #a3a3a3));
  background:-moz-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:-webkit-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:-o-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:-ms-linear-gradient(top, #5c585c 5%, #a3a3a3 100%);
  background:linear-gradient(to bottom, #5c585c 5%, #a3a3a3 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c585c', endColorstr='#a3a3a3',GradientType=0);
  background-color:#5c585c;
}
.passion:active {
  position:relative;
  top:1px;
}


/* Portfolio */

.portfolio
{
  padding-left: 400px;
  padding-right: 400px;
  align-content: center;
    margin: 50px 50px 400px 20px;
    margin-top: 200px;
}

/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */  
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=search] {
  background-color: black;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}

/* Add a background color and some padding around the form */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}


h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 26px;
  text-align: center;
}


h5 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  text-align: left;

}



/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 5px;
  text-align: center;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.car:after {
  content: "";
  display: table;
  clear: both;
  text-align: center;
}
* {
  box-sizing: border-box;
}

/* Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #3e8e41;
}

/* The search field */
#myInput {
  box-sizing: border-box;
  background-image: url('searchicon.png');
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: none;
  border-bottom: 1px solid #ddd;
}

.description {
  text-align: center;
  background-color: gray;
  padding-top: 25px;
  padding-bottom: 25px;
  color: white;
  padding-left: 20px;
  padding-right: 20px;

}