/*.alef-regular {
  font-family: "Alef", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.alef-bold {
  font-family: "Alef", sans-serif;
  font-weight: 700;
  font-style: normal;
}
*/
.gveret {
  direction: rtl;
  font-family: Gveret;
  color: rgb(255, 255, 255);
  font-size: 8.0rem;
  font-size: calc(1.0rem + 10.0vw);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
}
body {
  min-height: 100%;
  background-color: #ccc;
  height: 100vh;
}

/*===============*/
.header {
  position: relative;
/*  margin-top: 100px;*/
  height: calc(30% + 20.0vw);
}

/*===============*/
.herro {
  position: relative;
  height: 100%;
  background-image: url("backGrFlowers.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*=====================*/
.headmess {
  z-index: 100;
}

/*=====================*/
.bshph {
  position: absolute;
  background-image: url("BetSheva.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: calc(5rem + 10vw);
  height: calc(5rem + 10vw);
  border: 5px solid white;
  border-radius: 50%;
  top: 1rem;
  right: 1rem;
  z-index: 10;
}

/*=====================*/
.rtl{
  direction: rtl;
}

.ltr{
  direction: ltr;
}

.main {
  display: flex;
  justify-content: center;
  width: 60%;
  min-width: 420px;
  margin: 0 auto;
}
.a {
  display: inline-block;
}
.contents {
  margin: 30px;
  font-family: sans-serif;
}
.contents h1 {
  font-size: calc(1.4rem + 1.0vw);
  margin: 20px 0;
}
.List-of-contents {
  font-size: calc(1.1rem + 0.8vw);
  line-height: 1.5;
}
.List-of-contents ul li a{
  text-decoration: none;
}
.List-of-contents ul li a:hover {
  color: cyan;
}

.List-of-contents > ul > li {}