/*.izone1{
  margin-top: 3%;
  background-image: url("../pic/zcartop.webp");
  background-size: 100%;
  margin-left: 13.75%;
  margin-right: 0%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  padding-bottom: 19%;
}

.main1{
  background-color: rgba(255, 255, 255, 0.7);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-right: 0%;
  margin-left: 1%;
  margin-bottom: 1%;
  margin-top: 2%;
  padding: 1%;
} */

.bigscreen{
  padding-top: 3.8%;      /*padding top of 3.8%*/
}

.izone2{
  background-image: url("../pic/zcardiologiebw.jpg"); /*setting image in background */
  background-size: 100%;      /* setting a background size of 100%*/
  margin-left: 3%;            /* setting margin left of 13.75% */
  margin-right: 0%;           
  position: relative;         /* setting position relative (movable) */
  display: flex;              /* setting the display flex to move easily with premaid settings */
  justify-content: flex-end;  /* setting the div at the end of the box by default*/
}

.izone3{
  background-size: 100%;
  margin-left: 13.75%;         /*13.75%*/
  margin-right: 0%;
  position: relative;
  display: flex;
  justify-content: flex-end;
  border-top: solid white 1px; /* setting a white border of 1pixel to the top */
}

.izone3 img:hover{
  opacity: 0.7;                /* setting an opacity of 70% when cursor on the image*/
}

.main2{
  border-top: none;           /* removing the top border which is by default */
  background-color: rgba(255, 255, 255, 0.7); 
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-right: 1%;
  margin-left: 60%;
  margin-bottom: 2.5%;
  margin-top: 2.5%;
  padding: 2%;
}

.main2 p {
  font-size: 105%;
  color: #333333;
}

.main2 h1, h2 {
  color: #595959;
}

.main p {
  font-size: 105%;
  color: #333333;
}

.main h1, h2 {
  color: #595959;
}


.main h1 {
  color: #333333;
}


div#slider figure {
  position: relative;
  width: 500%;
  margin: 0;
  padding: 0;
  font-size: 0;
  right: 0;
  text-align: right;
  animation: 30s slidy infinite;
}

div#slider figure img { width: 20%; height: auto; }

div#slider { width: 100%; max-width: 1655px; overflow: hidden }

@keyframes slidy {
  0% { left: 0%; }
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  70% { left: -200%; }
  75% { left: -300%; }
  95% { left: -300%; }
  100% { left: -400%; }
}

#slider {
  margin-left: 13.5%; /* Same as the width of the sidebar */
  margin-right: 13.5%;
  margin-top: 5.5%;
  padding: 0%;
}

#rdvnav{
  margin-top: 35%;
}

#rdvmap{
  margin-top: 43%;
  padding-bottom: 2%;
}


@media screen and (max-width:1800px) {
  #rdvnav {margin-top: 40%;}
  #rdvmap {margin-top: 48%;}
}

@media screen and (min-width: 1510px) {
  .otherscreen{display: none;}
  #rdvnav {display: none}
  #rdvmap {display: none}
}

@media screen and (max-width: 1510px) {
  .bigscreen{display: none;}
}

@media screen and (max-width:1450px) {
  #rdvmap {margin-top: 54%;}
}

@media screen and (max-width:1200px) {
  #rdvmap {margin-top: 65%;}
}

@media screen and (max-width:780px) {  /*Ipad*/
  #rdvmap {margin-top: 75%;}
  #rdvnav {margin-top: 52%;}
  #slider{padding-top: 9%;}
}


@media screen and (max-width:600px) {  /*smartphone*/
  #rdvmap {margin-top: 84%;}
  #rdvnav {margin-top: 52%;}
  .main {font-size: 80%;}
  #slider{padding-top: 12%;}
}