html, body{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: #f0f2f5;
	font-family: 'Lato', sans-serif;

font-size: 1em;
  color: #0B2F5B;
}
  a{text-decoration: none;}
    a:link { color: #bfd198; }
    a:visited { color: #bfd198; }
    a:visited:hover { color: white; }
    a:hover { color: white; }
    a:active { color: #bfd198; }

text{
  font-family: 'Lato', sans-serif;
}

@font-face {
    font-family: 'ohdarlingregular';
    src: url('ohdarling_1-webfont.woff2') format('woff2'),
         url('ohdarling_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1{
  font-family: 'ohdarlingregular';
}


.altButt{
      border: 2px solid white;
    margin-left: 5px;
    background: none;
    color: white;
}

.altButt:hover{
  background: #bfd198;
  color: white;
  border: 2px solid #0B2F5B;
}


cols{
  width: 100%;
  display: inline-block;
}
#ouT{
 float: right; 
 border: 2px solid #0B2F5B;
 color: #0B2F5B;
}


#ouT:hover{
  background-color: #bfd198 !important;
  color: white;
  border: 2px solid white;
}

#learnMore{
  float: right;
  border: 2px solid #0B2F5B;
  color: #0B2F5B;
}

#learnMore:hover{
  background-color: #bfd198 !important;
  color: white;
  border: 2px solid white;
}



top{
  width: 100%;
  height: 80%;
  text-align: left;
  position: relative;
  top: 0;
  left: 0;
  z-index: 999999999;
  transition: background 1s;
}

.scrolled{
  /*background: white;*/
}

.grn{
  background: #bdd198;
}

#sil{
    width: 50px;
    enable-background: new 0 0 1741.9 1632;
    float: left;
    position: fixed;
    top: 45px;
    left: 50px;
}
table{text-align: center;}
textarea{
  font-family: 'Lato', sans-serif;

  outline: none;
  border: none;
  padding: 15px;
  width: calc(100% - 60px);
}



input[type=button], button, input{
  font-family: 'Lato', sans-serif;


  font-weight: bold;
  font-size: 16px;
  outline:none;
  border: none;
  margin: 0;
  padding: 15px 10px 15px 10px;
  cursor: pointer;
  border-radius: 5px;
}

input[type=button], button{
       letter-spacing: .62px;
background-color: #bfd198;  
color: #0c2f5b;
  text-transform: uppercase;
}

input[type=file]{
  height: 0px;
}

input[type=button]:hover, button:hover{
  background: #0B2F5B !important;
  color: white;
}



vendorLogin, vendorLogout{
    display: block;
    z-index: 99999999999999;
    position: fixed;
    top: 60px;
    right: 90px;
    color: #bfd198;
    cursor: pointer;

}


vendorLogin{
	         float: left;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
}

vendorLogin:hover{
  /*background: #0B2F5B;*/
  text-decoration: underline;
}

vendorLogin a{
  text-decoration: none;
  color: #0B2F5B;
}

logo{
	margin-left: 10%;
}

logo svg{
	height: 4em;
	padding: 1em 0 0 0;
  margin-left: -10px;
}

burger{
	  float: right;
    padding: 25px;
    height: 4em;
    display: inline-block;
    position: fixed;
    right: -5px;
}

menuDrop{
	  height: 0%;
    display: block;
    
    background: #c8cfd7;
    background:#0B2F5B;
    width: 80%;
    padding: 6px 10% 0 10%;
    color: white;
    transition: 1s height;
    overflow: hidden;
    font-size: 3em;
    font-weight: 300;
    margin: 0;
}

.menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
/*  display: flex;
*/  padding: 0;
}
.line {
  fill: none;
  stroke: #bdd198;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}

@media only screen and (min-width: 768px) {
  burger{
    float: right;
    padding: 25px;
    height: 4em;
    display: inline-block;
    position: fixed;
    right: 80px;
}

vendorLogin, vendorLogout{
    display: block;
    z-index: 99999999999999;
    position: fixed;
    top: 60px;
    right: 200px;
    color: #bfd198;
    cursor: pointer;

}

cols{
  width: 40%;

}


}