/* Bowing Travel */
html {
  width: 100%;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  line-height: 1.25;
}

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

body {
  width: 100%;
  min-width: 400px;
  max-width: 1400px;
  margin: 0 auto;
  background-color: whitesmoke;
}

@media screen and (max-width: 900px) {footer, nav {flex-flow: wrap;}}

header {
  display: flex;
  color: maroon;
  justify-content: center;
}

header:hover, button:hover {cursor: pointer;}

footer, nav {
  color: snow;
  background-color: maroon;
  display: flex;
  justify-content: space-between;
}

button {
  padding: 0.3rem 0.2rem;
  margin: 0.2rem;
  width: 8rem;
  border: none;
  border-radius: 8rem;
  text-align: center;
  font-weight: 600;
  font-size: 1.25rem;
  color: maroon;
  background-color: white;
}

#left, #center, #right {
  place-self: center;
  padding: 0.2rem 1rem;
}

#slideshow {
  background-image: url("/images/Bowing1.jpg");
  background-size: 100% 100%;
  animation: slider 20s ease-in-out infinite;
}
#slideshow img {opacity: 0;}

@keyframes slider {
  20% {background-image: url("/images/Bowing2.jpg");}
  40% {background-image: url("/images/Bowing3.jpg");}
  60% {background-image: url("/images/Bowing4.jpg");}
  80% {background-image: url("/images/Bowing5.jpg");}
  100% {background-image: url("/images/Bowing1.jpg");}
}

.txt3 {font-weight: 600;font-size: 2.4rem;}
.txt4 {font-weight: 600;font-size: 1.6rem;}
.txt5 {font-weight: 600;font-size: 1.2rem;}
.txt6 {font-size: 0.9rem;}

svg *{fill:transparent}

main p, details {margin: 1rem 0;}

#Specialists img {
  float: right;
  width: min(50%, 500px);
  padding: 0 0 1rem 1rem;
}

#Specialists details[open] {min-height: 500px;}

ul {list-style: square inside;}
ol {list-style-position: inside;}
li a {
  text-decoration: none;
   color: maroon;
   font-weight: 600;
   font-size: 2.0rem;
  }

.part1 {
  padding: 2rem;
  font-size: 1.5rem;
  text-align: justify;
  color: maroon;
  background-color: skyblue;
}

.part2 details {
  top:-2rem;
  width: 100%;
  position: absolute;
  z-index: 10;
  padding: 1rem;
  color: maroon;
}

.part2 table {
  width: 80%;
  margin-left: 20%;
  text-align: left;
  line-height: 1.4;
  background-color: skyblue;
}
tr:nth-child(even) {background-color: white}