#navbar-t1 { color: mediumvioletred;font-size:1.4em;position:absolute;
  right:16px;top:14px}
#navbar-t2 { color: black;font-size:0.9em; position:absolute;
  right:17px;top:3px
  }
nav.navbar {top:18vw}
.navbar-brand {display:absolute !important;}
.navbar-collapse {border-top: 2px dashed lightgray; margin:6px}
@media only screen and (min-width: 992px) {
    .navbar-collapse {border-top: 0px dashed red; margin:0}
}
@media only screen and (max-width: 992px) {
  .navbar-nav {width:calc(10em); ;padding-right: 1em}
  .navbar-nav li {border-bottom: 1px dashed lightgray}
}
/* static navbar requires this: */
body { padding-top: 30px; padding-left:1em; direction:rtl;text-align: right;}

h1 { 
  color: #CE0458; font-size: 1.7em; 
  text-transform: uppercase; margin-top:20px
}
body {
  font-family: Verdana;
  background-color: palevioletred; font-weight: 400;
  font-style: normal; font-variant: normal;
  text-decoration: none; vertical-align: baseline;
  color: #666;
  padding-left: 20px; padding-right: 20px;
  margin-top:50px
}
h2 { background-color: #fde1e1;font-size: 1.3em; display:inline-block; padding:4px; margin-top:20px}

h3 span {background-color: #fde1e1; margin-top: 6px; display: inline-block; padding:1px 4px;}

h3 {
  margin-bottom: 16px; font-size: 1.2em
}
.bld {color:darkred;}
.bld2 {font-weight: bold;}

.list li {margin-right:-20px; margin-bottom: 16px;}

main { 
  max-width: 1000px; background-color:white;
  border-radius: 8px; padding-top:1px;
  margin-top:17vw; padding-bottom: 1vw;
  min-height: 80vh;
}
.link-info {
  position: fixed;
  display: block;
  top:0.4vw;right:2vw;
  color:#951e1e;
  z-index: 1030;
  font-size: 1.5vw;
}
#feedback-form {
  margin-top:20px;
  background-color: lavenderblush;
  padding: 10px 20px;
  margin-left: -15px; margin-right: -15px;
  border-top: 2px solid lightgray;
}
#form-btn {
  border: 2px solid lightgray;
  border-radius: 20px;
  padding: 4px 40px;
  background-color: white;
  color:#CE0458;
}
.navbar-light .navbar-nav .active>.nav-link {
  color: #CE0458; 
}   
.d-ltr { direction: ltr;}
.d-rtl { direction: rtl;}
.f-left { float:left }
.f-right { float: right}
.footer-text {color:khaki;}
.footer-copyright { color:azure;}
.max-w-50 { max-width: 50vw}
.max-w-25 { max-width: 25vw}
.max-w-35 { max-width: 35vw}
.max-w-75 { max-width: 75vw}

.back-btn { background-color: khaki;color:chocolate;}

.case-img {border:1px solid gray;margin-right:3vw;margin-bottom:3vw;font-size:0.8em;
float:left;max-width: 35vw;padding:3vw;font-weight: bold;text-align: center}
.case-img img {max-width: 100%;display:block;margin:0 auto 2vw auto}
@media only screen and (min-width: 768px) {
  .case-img {max-width: 250px;padding:10px;margin-right:20px;margin-bottom:20px}
}
.tipul-img {border:1px solid gray;margin-right:3vw;margin-bottom:3vw;font-size:0.8em;
float:left;max-width: 35vw;padding:3vw;font-weight: bold;text-align: right}