body {
  font-family: 'Montserrat'sans-serif;
  text-align: center;
}
.container-fluid {
  padding: 7% 15%;
}


h1 {
  color: aqua;
  font-family: "Montserrat",sans-serif;
  font-size: 3rem;
  line-height: 1.5;
}
h2 {
  font-family: "Montserrat-bold";
  font-size: 3rem;
  line-height: 1.5;

}
h3 {
  font-family: serif;
  font-size: 30px;
  padding-top: 10%;
  text-align: center;
}
p {
  text-align: center;
  font-size: 1.5rem;
  padding-top: 5%;
}
.navbar {
  padding-bottom:1rem;

}
.navbar-brand  {
  font-family: "Ubuntu",serif;
  font-size: 2.5rem;


}
.nav-item {
  padding:  18px;

}
.nav-link {
  color:#fff;
  font-size: 1.5rem;

}
.nav-link:hover{
  color: orange;
}

/* download- button properties */
 .download-button {
  margin: 5% 3% 5%;
}
/* Title section */
#title {
  background-color:black;
  text-align:left;


}
#title .container-fluid {
  padding: 3% 15% 7%;
}
.title-image {
  width: 30%;
  transform: rotate(25deg);


}
/* carousel */
.carousel-inner {
  width:100%;

}

    #features {

    background-color:black;
    position: center;
    color:white;
}
.title-image-part {
  width: 30%;
  border-radius: 100%;
  margin-left: 85%;
  padding-top: 5%;

}
.card-header {
    background-color:aqua;
    color:black;
}
.card-body {
    background-color:#116979;
    color:white;
}
/* this is my Gallery*/



/* This is portfolio */

}
.carousel-inner {
  padding-top:40%;
  }

  /* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:aqua;
  font-size: 40px;
}









/* CTA */

.cta-100 {
  margin-top: 100px;
  padding-left: 8%;
  padding-top: 7%;
}
.col-md-4{
    padding-bottom:20px;
}

.white {
  color: #fff !important;
}
.mt{float: left;margin-top: -20px;padding-top: 20px;}
.bg-blue-ui {
  background-color: #708198 !important;
}
figure img{width:300px;}

#blogCarousel {
  padding-bottom: 100px;
}

.blog .carousel-indicators {
  left: 0;
  top: -50px;
  height: 50%;
  text-align: center;

}



/* this is a Footer */
.container-footer  {
  background-color:black;
  color:white;
  margin-top: 200px;
  padding: 7% 15%;


}










/* @ueriy media" anything what goes under this wuold not work! */
@media (max-width: 902px){
  #title {
    text-align: center;
  }
  .title-image {
    position: static;
    transform: rotate(0);
  }
}