* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body, html {
  width: 100%;
}

.center-div {
  display: flex;
  justify-content: center; /* מרכוז אופקי */
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
}

.right-div {
  padding: 5px;
}

.left-div {
  padding: 5px;
}

.MainLeft {
    background-image: url("../images/lock_fix1-1.png"); /* The image used */
    background-color: #b1b1b1; /* Used if the image is unavailable */
    height: 200px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
  }
  
  .SecLeft {
    background-image: url("../images/lock_fix1-2.png"); /* The image used */
    background-color: #b1b1b1; /* Used if the image is unavailable */
    height: 200px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
  }

  .ThrLeft {
    background-image: url("../images/lock_fix1-3.png"); /* The image used */
    background-color: #b1b1b1; /* Used if the image is unavailable */
    height: 200px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
  }

  .ForLeft {
    background-image: url("../images/lock_fix1-4.png"); /* The image used */
    background-color: #b1b1b1; /* Used if the image is unavailable */
    height: 200px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
  }

  .OdRig {
    background-image: url("../images/Shahar.png"); /* The image used */
    background-color: #b1b1b1; /* Used if the image is unavailable */
    height: 200px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
  }

  .IdRig {
    background-image: url("../images/shahar_id_2.png"); /* The image used */
    background-color: #b1b1b1; /* Used if the image is unavailable */
    height: 200px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
  }

  .TextJ {
    text-align: justify;
    text-justify: inter-word;
  }

  .FooterImg {

    height: 70px;
  }

  .float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
  }
  
  .my-float{
    margin-top:16px;
  }

  .floatc{
    position:fixed;
    width:60px;
    height:60px;
    bottom:120px;
    right:40px;
    background-color:#25a2d3;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
  }
  
  .my-floatc{
    margin-top:16px;
  }

  .my24DIV {
    animation: mymove 5s infinite;
  }
  
  @keyframes mymove {
    50% {opacity: 0;}
  }

  .logos-center-div {
    display: flex;
    justify-content: center; /* מרכוז אופקי */
    width: 100vw;
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
  }

  .flex-foter-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;    
  }

  .flex-main-container {
    display: flex;
    justify-content: center;
  }

  .flex-navbar-container {
    display: flex;
    justify-content: center;
  }

  .flex-header-container {
    display: flex;
    justify-content: center;
  }