@import url('https://fonts.googleapis.com/css2?family=Montserrat');

html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat Alternates', sans-serif;
}

p {
  margin-top: 0;
  padding: 10px 0px;
  text-align: justify;
}
h3 {
  font: normal 2.4em 'Montserrat';
  letter-spacing: 4px;
  margin-bottom: 0;
  padding: 2px 2px;
  color: #555555;
  text-indent: 2%;
}

header h1 {
  background: transparent url(img/essential_logo.png) no-repeat top left;
  background-size: 200px;
  margin: 10px;
  display: block;
  width: 200px;
  height: 125px;
  float: left;

}
header h2 {
  background: transparent url(img/hamburger.png) no-repeat top right;
  margin-top: 10px;
  display: block;
  width: 200px;
  height: 200px;
  float: right;
}

header {
  padding-top: 20px;
  height: 200px;
  position: sticky;
  top:0;
}

/* specific divs */
.page-wrapper {
  background:  no-repeat top left;
  padding: 0 5px 0 5px;
  margin: 0;
  position: relative;
}

.main {
  width: 772px;
  margin: 0 auto;
  padding: 0 5px;
  position: relative;
  text-align: left;
}
.menu h3{
  background-image: linear-gradient(to  right, #FFFFFF,#E0E8ED, #E0E8ED, #E0E8ED);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 5px;
  border-top: 1px solid #E0E8ED;
}
.about h3{
  background-image: linear-gradient(to  right, #FFFFFF,#FFFFFF, #B7C9D3, #B7C9D3);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 5px;
  border-top: 1px solid #B7C9D3;
}

.contact h3{
  background-image: linear-gradient(to  right, #FFFFFF,#FFFFFF, #85A1B1, #85A1B1);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 5px;
  border-top: 1px solid #85A1B1;
}

.eimage  {
  padding: 2px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 5px;
  height: 150px;

}

.asyncgridleft {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  padding: 10px;
  height: 200px;
}

.leftwords {
  background: transparent;
  top: 25vh;
  margin: 10px 0px 0px 0px;
  padding: 15px 15px 15px 15px;
  width: 550px;
  z-index: 3;
}

.rightphoto {
  background: #B7C9D3;
  position: relative;
  left: -10vw;
  top: 5vh;
  height: 250px;
  width: 250px;
  z-index: 1;
  display: table;
  overflow: hidden;
}

.font {
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 2px;
}

.font2 {
  font-weight: normal;
  font-variant: normal;
  font-style: normal;

  letter-spacing: 2px;
}

.font3 {
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  letter-spacing: 2px;
}

.fontname {
  font-weight: bold;
}

.fontsizelarge {
  font-size: 5px;
}

.fontsizemedium {

}