* {
  margin: 0;
  padding: 0;
}

body {

  font-family: 'Pathway Extreme', sans-serif;
}
header {

  font-family: 'Pathway Extreme', sans-serif;
}

#about {
  font-size: 25px;
}

#intro-example {
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center;
}

.s-item{
  position: relative;
  margin: 3px;
  background-size: cover;
}

.s-item img{
  max-width: 100%;
  width: 100%;
}

.s-item .s-item-text-holder{
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  /* background-color: rgba(0, 0, 0, 0.8); */
  background-color: rgba(0, 0, 0, 0.8);
  height: 105px;
}

.s-item .s-item-text-holder.force-top{
  top: 0;
  bottom: inherit;
}

.s-item .s-item-text{
  font-size: 31px;
  width: 90%;
  color: white;
  position: absolute;
  text-decoration: none !important;
   top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  -ms-transform: translate(-50%,-50%) !important;
  -webkit-transform: translate(-50%,-50%) !important;
  transform: translate(-50%,-50%) !important;
}

.s-item .s-item-text a{
  text-decoration: none !important;
  color: white !important;
}

.img-responsive{
  max-width: 100%;
  width: 100%;
  height: auto;

}

.socials-holder{
  width: 400px;
  max-width: 100%;
}

@media (max-width: 590px) {
  .init-holder p{
    font-size: 12px;
  }
}

a {
  color: red;
  text-decoration: none;

}

ul {
    width: 75%;
    margin: auto;
    font-size: 17px;
}

 .menu{
 list-style: none;
 width: 10em;
 background: ;
 margin-left: auto;
 margin-right: auto;
 }

 .menu li{
 position: relative;
 float: right;
 }

 .menu li a{
 background: orange;
 color:#fff;
 text-decoration:none;
 padding:14px 20px;
 display:block;
 }

 .menu li a:hover{
 background:darkred;
 color: #fff;
 text-shadow:0px 0px 5px red;
 }

 .menu li ul{
 position: absolute;
 top:45px;
 left:0;
 background-color: #f1f1f1;
 display:none;
 font-size: 15px;
 color: black;
 }

 .menu li:hover ul, .menu li.over ul{
 display:block;
 }

 .menu li ul li{
 border:1px solid #c0c0c0;
 display:block;
 width:100px;
 }

#socialhome {
  background-color: #155c2a;
  width: 100%;
  height: 150px;
  font-size: 20px;
  color: black;
  font-family: 'Segoe UI', sans-serif;


}
button {
  font-size: 20px;
  background-color: #8bea14;
  width: 400px;
  max-width: 100%;
  border-radius: 60px;

}
.row{
  margin: 0 !important;
  padding: 0 !important;
}

#footerhome {

            width: 100%;
            background-color: #155c2a;
            font-family: 'Pathway Extreme', sans-serif;
            color: white;
            font-size: 13px;

    }

    .container {

      align-items: middle;
    }

    .container1 {

      align-items: middle;
    }

    @media (max-width: 900px) {

      .s-item .s-item-text{
        font-size: 26px;
      }

      .s-item .s-item-text-holder{
        height: 80px;
      }

    }

    @media (max-width: 525px) {

      .s-item .s-item-text{
        font-size: 20px;
      }

    }

     @media (max-width: 405px) {

      .s-item .s-item-text{
        font-size: 17px;
      }

    }