/* Font-Family: 'Ubuntu', Sans-Serif;
Font-Size: 48px;
Font-Family: 'Open Sans', Sans-Serif;
Font-Size: 15px; */

h1 {
  font-family: "Open Sans", Sans-Serif;
  font-size: 3rem;
  line-height: 1.5;
  font-weight: bold;
}
h2 {
  font-family: "Open Sans";
  font-weight: 200;
  line-height: 1.5;
}
h3 {
  line-height: 1.5;
  font-family: "Open Sans";
  font-weight: 800;
}
h4{
  font-family: "Open Sans";
  font-weight: 800;
}

body {
  font-family: "Open Sans";
}

.container-fluid {
  padding: 3% 15%;
}

#title {
  background-color: #3aafa9;
  /* color: #212529; */
  color: #f3f2f2;
}

/* Navigation Bar  */

.navbar {
  padding-bottom: 4.5rem;
}
.navbar-brand {
  font-family: "Ubuntu";
  font-size: 1.5rem;
  font-weight: bold;
}
.navbar-nav > li {
  padding: 0px 10px;
}
.nav-link {
  font-size: 1.2rem;
  font-family: "Open Sans";
}

.title-img {
  width: 90%;
  margin-top: 5%;
  margin-left: 5%;
  border-radius: 3%;
}

.bg-custom {
  background-color: #3aafa9;
}

/* Readmore Button */
.readmore-btn {
  margin-top: 3%;
  color: #f3f2f2;
}
/* Skills section */

#skills {
  padding: 7% 15%;
}

.skills-box {
  text-align: center;
}

.skills-icon {
  color: #447c79;
  margin-bottom: 1rem;
}

.skills-icon:hover {
  color: #3aafa9;
}

/* Qoutes Section  */
#qoutes {
  text-align: center;
  background-color: #3aafa9;
  color: #f3f2f2;
}

.qoutes-img {
  width: 15%;
  margin: 30px;
  border-radius: 100%;
}

.carousel-item {
  padding: 7% 15%;
}
/* Technology */

#technology{
padding: 20px;

}
.card-row-technology{
  margin: 5% 15%;
}
.technology-column{
  padding: 3% 2%;
}


/* 514 316 */

@media (max-width: 514px)
{

  #technology{
    padding: 5px;
    }
    .card-row-technology{
      margin: 2% 5%;
    }
    .title-img {
      width: 100%;
      margin-top: 5%;
      margin-left: 0%;
      border-radius: 3%;
      
    }
    h1 {
      font-family: "Open Sans", Sans-Serif;
      font-size: 2rem;
      line-height: 1.5;
      font-weight: bold;

     

    }
    .navbar-brand{
      font-size: 2rem;
    }
  
}
/* Footer Section */
#footer{
 padding:  3% 15%;
 background-color: #3aafa9;
 text-align: center;
 padding: 10px 10px;
}
.social-icon{
  margin: 20px 10px; 
}