html {
  scroll-behavior: smooth;
  	padding-top:0px;

}

.left {
	max-width:45%;
		float:left;

}

.lowersection {
	padding-bottom: 300px;

	}

.right {

	float:left;
	max-width:45%;
	margin:0px;
			padding-left:20px;

}

a {
		font-size: 18px;
		color: black;
	font-family: helvetica;
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;

}


.hero {
	background-image: url(logobackground.jpg);
	background-size: cover;
	max-width: 100%;
	 padding-top: 300px;
  background-position:  top center;
  background-size: 100%;
   background-repeat: no-repeat;


}

.logos {
	float:left;
}


.image {
	padding-bottom:20px;

}

.anchor {
	    display: block;
    position: relative;
}

.background {
	margin-left:100px;
	margin-right:100px;
	 display: block;
	 position:relative;
	 top:30px;
}

.background2 {
	margin-top: 0px;
	margin-left:100px;
	margin-right:100px;
	 display: inline-block;
}

.Sandali {
display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

p {
	font-size: 18px;
	font-family: helvetica;
	font-weight: 300;
	line-height: 24px;
	padding: 0px;\
	margin: 0px;
}

h1 {
	font-size: 18px;
	font-family: helvetica;
	font-weight: 800;
	padding-top:0px;
	margin-top:0px;
}

h2 {
	font-size: 18px;
	font-family: helvetica;
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

section {
	max-width: 100%;
	display:inline-block;
	

}



.imagelast {
	padding-bottom: 20px
	padding-top:30px;
}

.navbar {
  	padding-left: 100px;
  	padding-right: 100px;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 250px; /* Full width */
  text-align: left;
  z-index: 1;
  display: block;
}


/* Links inside the navbar */
.navbar a {
  display: block;
  padding-top:10px;
  text-decoration: none;
  font-size: 18px;
  text-align: left;
  background-color: white;
  		font-size: 18px;
		color: black;
	font-family: helvetica;
	font-weight: 300;
	margin-top: 0px;

}

/* Change background on mouse-over */
.navbar a:hover {
  background: #ddd;
  color: black;
  text-decoration: underline;

}


@media only screen and (max-width: 1000px) {

.left{	
	max-width:100%;
		float:none;

}

.right {

	float:none;
	max-width:100%;
	margin:0px;
	padding-left:0px;

}

.background {
	margin-top: 20px;
	margin-left:50px;
	margin-right:50px;
	max-width: 100%;
	 display: inline-block;
	 	top:-50px;
}

.background2 {
	  display: inline-block;
	  padding-top:0px;
	margin-left:50px;
	margin-right:50px;
}

.hero {
	background-image: url(logobackground.jpg);
	background-size: cover;
	max-width: 200%;
	 padding-top: 200px;
  background-position:  center top;
  background-size: 100%;
   background-repeat: no-repeat;

}

.imagelast {
	padding-bottom: 20px
}

	
.navbar {
  padding-left: 50px;
  padding-right: 50px;
  position: fixed; /* Set the navbar to fixed position */
  top:auto;
  bottom: 0; /* Position the navbar at the top of the page */
  width: 500px; /* Full width */
  z-index: 1;

}

.navbar a {
  display: block;
  padding-top:10px;
  text-decoration: none;
  font-size: 32px;
  text-align: left;
  background-color: white;
		color: black;
	font-family: helvetica;
	font-weight: 300;
	margin-top: 0px;

}

p {
	font-size: 32px;
	font-family: helvetica;
	font-weight: 300;
	line-height: 38px;
	padding: 0px;\
	margin: 0px;
}

a {
		font-size: 32px;
		color: black;
	font-family: helvetica;
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;

}

h1 {
	font-size: 32px;
	font-family: helvetica;
	font-weight: 800;
	padding-top:0px;
	margin-top:0px;
}
}