body {
  background-image: url('/images/white-waves.png');
  background-color: #cccccc;
  font-family: 'Cairo', sans-serif;
  min-height: 25rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.form-control {
    padding:0px 6px;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Cairo', sans-serif;
}
p {
    font-size: 18px;
    font-family: 'Cairo', sans-serif;
}

ul .nav-item a:hover {color:black !important; background-color: #91bbb2 !important; }
ul .nav-item a {color:white !important;}
ul .nav-item a.active {color:white !important; background-color: #287274 !important;
}

.text-responsive {
  font-size: calc(50% + 1vw + 1vh);
}
.text-responsive-small {
  font-size: calc(20% + 1vw + 1vh);
}
.image-responsive {
  width: calc(40% + 1vw + 1vh);
  height: calc(40% + 1vw + 1vh);
}

.vian-color{
  background-color:rgba(230,150,150,1);
}

@media (max-width: 400px) {  
  .image-responsive {
    width: calc(100% + 1vw + 1vh);
    height: calc(100% + 1vw + 1vh);
  }
}

.gui-fas{
    font-family: FontAwesome;
}

.clickableAwesomeFont {
     cursor: pointer
}

.gui-label-width{
    min-width:100px;
}
.docs-images {
  list-style: none;
  margin: 0;
  padding: 0;
}

.docs-images > img {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  width: 100%;
}