html,body {
    background-size: cover;
    font-family: Aldrich, sans-serif;
    /* 90px bcs fixed-top navbar which have 90px height */
    padding-top: 90px;
    height: 100%;

}

/*Adjustments for a responsive website*/
/* Small devices (landscape phones, 544px and up) */
@media (max-width: 544px) {  
  h1 {font-size:2.5rem;} /*1rem = 16px*/
  h2{font-size: 1.5rem;}
  h3{font-size: 1rem;}
  p{font-size: 0.75rem;}

}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  h1 {font-size:3rem;} /*1rem = 16px*/
  h2{font-size: 2rem;}
  h3{font-size: 1.5rem;}
  p{font-size: 1rem;}
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  h1 {font-size:3.5rem;} /*1rem = 16px*/
  h2{font-size: 2.5rem;}
  h3{font-size: 2rem;}
  p{font-size: 1rem;}
}

.brand_name{
  font-size: 36px;
  padding-left: 16px;
  
}
.more_button{
  background-color:#3C1CCC;
  color: white;
}


    /* We need use !inportant othervise, the color for the nav-bar will not be changed */
.background_black{
  background-color: black !important;
  }

.wrap_height{
  width: 100%;
  height: auto;
}
.padding_small_p{
  padding-top: 8px;
  padding-bottom: 8px;
}
.padding_small_h{
  padding-top: 64px;
}
.padding_bottom{
  padding-bottom: 64px;
}
.padding_top{
  padding-top: 64px;
}
.padding_row{
  padding-top: 32px;
}
.center_text{
  text-align: center;
}

img {
  margin: auto;
  max-width: 100%;
  object-fit: contain;
  max-height: 70vh; /* We are taking 70% of ViewPort height */
   }
.img_team{
  max-width: 290px;
  max-height: 400px;
  margin-top: 64px;
  margin-bottom: 16px;
  text-align: center;
  display: block;
 
}
.img_max{
  max-width: 190px;
  max-height: 300px;
}
.icon_max{
  max-width: 84px;
  max-height: 84px;
}
.carousel{
  width: 100%;
  height: 100%;
  padding-top: 64px;
}
.carousel-indicators {
  bottom: -50px;         /* Moving carousel indicators 50px below image */
}



#skills_project li { display:inline }
#skills_project li a { white-space:nowrap }
#skills_project li:after { content:" "; letter-spacing:1em; background:center center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwAAADsABataJCQAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMkMEa+wAAAAnSURBVBhXY/Dz89MA4sNA/B9Ka4AEYQIwfBgkiCwAxjhVopnppwEApxQqhnyQ+VkAAAAASUVORK5CYII=); 
}