body {font-family: "Montserrat", "Times New Roman", Georgia, Serif;}
h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat";
}

#wrap{
  position:absolute;
  left:0; top:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:stretch;
  margin: 0;
}

.w3-content { 
  overflow: auto; 
}

.w3-light-grey { background: #d1d1d1!important; }

#home {
  padding: 80px 0 0 30px;
}

 .slider {
  background: #000;
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
  margin-bottom: 10px;
}
.slider .nav .next, .slider .nav .prev {
  background: #000;
}
.slider .images img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: none;
}
.slider .images img.active {
  display: block;
  animation-name: anx-opacity;
  animation-duration: 0.75s;
}
.slider .nav .next, .slider .nav .prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  padding: 8px 12px;
  color: #fff;
  background: darkorange;
  cursor: pointer;
}
.slider .nav .prev {
  left: 0;
}
.slider .nav .next {
  right: 0;
}

@keyframes anx-opacity {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}     


@media only screen and (max-width: 600px) {
#home { padding-top: 20px; }
h1{font-size:24px}h2{font-size:22px}h3{font-size:20px}h4{font-size:218x}h5{font-size:16px}h6{font-size:16px}
.w3-padding-64 {
  padding: 32px 0 !important;
}
.w3-content { margin-top: 100px; }
.w3-top .w3-right { border-top: 1px solid #000; letter-spacing: 0; float:  left !important; width: 100%;  }
.w3-bar .w3-bar-item {padding:  8px;}
.w3-large {font-size:  16px !important; }
hr {
  margin:  0;
}
}