/* Mobile optimized CSS goes here */
body{
  font-size:140%;
  color:white;
  background-color:#c33237;
  font-family:monospace;
  padding:15px;
  text-align:center;
}
#desktop{
  display:none;
}



/* End of Mobile optimized CSS */

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

  /* TEMP PAGE CSS */
#desktop{
  display:none;
}
  /* END OF TEMP PAGE CSS */

  
h1{
  text-align:center;
  font-size:300%;
}
h2 {
  text-align:center;
}
body{
  font-size:140%;
  color:white;
  background-color:#c33237;
  font-family:monospace;
  padding:15px;
}
p {
  margin:auto;
  text-align:center;
  position:center;
  width:1400px;
  
}
#slist {
  text-align: center;
}
ul {
  text-align:left;
  margin:auto;
  list-style-position:inside;
  display:inline-block;
}
#n1 {
  text-align:center;
  padding-right: 500px;
}
#fp1 {
  text-align:left;
  width:500px;
  padding-right:500px;
}

.koslide {display:none;}
.koslideshow {
  margin: auto;
}

.zyslide {display:none;}
.zyslideshow {
  margin: auto;
}
.zaslide {display:none;}
.zaslideshow {
  margin: auto;
}

.kodial {
  border: 4px solid gold;
  margin-right:25%;
  float:right;
  width:285px;
  height:375px;
}
.kodialprev {
  cursor: pointer;
  position: absolute;
  top: 420px;
  width: auto;
  padding: 16px;
  margin-top: 85px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  right:40.85%;
}
.kodialnext {
  cursor: pointer;
  position: absolute;
  top: 420px;
  width: auto;
  padding: 16px;
  margin-top: 85px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  right:25.7%;
}
.kodialprev:hover, .kodialnext:hover {
  background-color: rgba(255, 214, 0);
}

.zahra {
  border: 4px solid gold;
  margin-right:400px;
  float:right;
  width:285px;
  height:375px;
}
.zahraprev {
  cursor: pointer;
  position: absolute;
  top: 870px;
  width: auto;
  padding: 16px;
  margin-top: 85px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  right:40.85%;
}
.zahranext {
  cursor: pointer;
  position: absolute;
  top: 870px;
  width: auto;
  padding: 16px;
  margin-top: 85px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  right:25.7%;
}
.zahraprev:hover, .zahranext:hover {
  background-color: rgba(0,0,0,0.8);
}

.zaid {
  border: 4px solid gold;
  margin-right:400px;
  float:right;
  width:285px;
  height:375px;
}
.zaidprev {
  cursor: pointer;
  position: absolute;
  top:690px;
  width: auto;
  padding: 16px;
  margin-top: 750px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  right:718px;
}
.zaidnext {
  cursor: pointer;
  position: absolute;
  top:690px;
  width: auto;
  padding: 16px;
  margin-top: 750px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  right:380px;
}
.zaidprev:hover, .zaidnext:hover {
  background-color: rgba(0,0,0,0.8);
}

#foot{
  font-size:70%;
  text-align: center;
  margin:40px;
}

}