* {
  margin: 0;
  padding: 0;
}

#ladrilux {
  font-size: 40px;
  color: #574838;
  font-family: 'Major Mono Display', monospace;
}
body {

  font-family: 'Montserrat', sans-serif;
}

header {
  font-size: 17px;
  color: #a29172;
}



#about {

  background-color:#b2baf7;
  font-size: 16px;

}

#who {


  font-size: 23px;
  font-family: 'Montserrat', sans-serif;

}

#intro {


  background-color: #b2baf7;
  font-size: 29px;
  color: #020f6e;
  font-family: 'Montserrat', sans-serif;

}


      .topnav {
       overflow: hidden;
       background-color: white;
       position: relative;
      }

      /* Hide the links inside the navigation menu (except for logo/home) */
      .topnav #myLinks {
       display: none;
      }

      /* Style navigation menu links */
      .topnav a {
       color: black;
       padding: 18px 22px;
       text-decoration: none;
       font-size: 15px;
       display: block;
      }

      /* Style the hamburger menu */
      .topnav a.icon {
       background: white;
       display: block;
       position: absolute;
       right: 0;
       top: 0;
      }

      /* Add a grey background color on mouse-over */
      .topnav a:hover {
       background-color: white;
       color: white;
      }

      /* Style the active link (or home/logo) */
      .active {
       background-color: white;
       color: white;
      }

h1, h2, h3 {

  font-family: 'Montserrat', sans-serif;
  font-size: 33px;
}

.s-item{
  position: relative;
  /* height: 380px; */
  margin: 13px;
  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(255, 140, 0, 0.7);
  height: 80px;
}

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

.s-item .s-item-text{
  font-size: 23px;
  width: 90%;
  color: white !important;
  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: white;
  text-decoration: none;
  color: inherit !important;
}


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

button {
  font-size: 19px;
  background-color: #e2741e;
  width: 400px;
  max-width: 100%;
  border-radius: 60px;

}

button:hover {
          color: white;
          font-size: 17px;
          cursor: pointer;
          transition: 0.5s;
          opacity: 0.9;
          font-family: 'Montserrat', sans-serif;
          width: 80%;
}

#services {

  font-size: 23px;
}

#socialhome {

  background-color: white;
  width: 100%;
  height: 150px;
  font-size: 19px;
  color: black;
  font-family: 'Montserrat', sans-serif;
}

#portfolio {

}

#footerhome {

            width: 100%;
            background-color: #212121;
            font-family: 'Montserrat', sans-serif;
            color: white;
            font-size: 17px;
            margin: auto;

    }