body {
  font-family: 'Titillium Web', Tahoma, sans-serif;
  font-size: 1rem;
}
p {
  font-size: 1.15rem;
}
h1 {
  font-family: 'Titillium Web', Tahoma, sans-serif;
    font-size: 2rem;
    color: #2d3092;

}
h2 {
  font-family: 'Titillium Web', Tahoma, sans-serif;
  font-size: 2rem;
  font-weight: 200;
  color: #2d3092;
  margin: 1rem;
}
h3 {
  font-family: 'Titillium Web', Tahoma, sans-serif;
  font-size: 2rem;
  color: #2d3092;
}
h4 {
  font-family: 'Titillium Web', Tahoma, sans-serif;
  font-size: 1.25rem;
  color: #2d3092;
  margin:1rem 0 0 0;
}
h5 {
  font-family: 'Titillium Web', Tahoma, sans-serif;
  font-size: 1.25rem;
  margin: 1rem 0;
  color: #2d3092;
}

a {
  color: #2d3092;
}

a:hover {
  color: #faaf3a;
  text-decoration: none;
}

.nav-link {
  font-family: 'Titillium Web', Tahoma, sans-serif;
  font-size:1.5rem;
  font-weight:700;
}
.navbar-light .navbar-nav .nav-link {
  color: #2d3092;
}
.navbar-light .navbar-nav .active .nav-link {
  color: #faaf3a;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #faaf3a;
}
.bg-light {
  background-color: #ffffff!important;
}

/* Suitable1 */
.top-bar {
  background-color:#161616;
  color: #ffffff;
  font-size: 1rem;
}
.top-title {
    background-image: url("../images/s1-bg-101.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 3rem 0;
    color: #ffffff;
}
.top-title-1 {
  background-color: #ffffff;
  padding: 2rem 0;
  text-align:center;
  border-radius: 5rem;

}
.top-title h1 {
  font-family: 'Titillium Web', Tahoma, sans-serif;
    font-size: 2rem;
    color: #2d3092;
    font-weight:400;

}
.hp-tile {
  margin:0 0 1rem 0;
}
.hp-tile h4 {
  font-size: .85rem;
}
.hp-about {
  background-color: #2c2c2c;
  color: #ffffff;
  padding: 1rem;
}
.hp-about h2 {
  color: #ffffff;
}
.hp-about h3 {
  color: #ffffff;
  font-size: 2rem;
}







.bottom-footer {
  background-color: #2c2c2c;
  color: #ffffff;
  padding: 1rem;
}

/*media sizes*/
@media (min-width: 576px) {
  h2 {font-size: 2rem;}

  .top-title h1 {
    font-size: 2.5rem;
    }
    .hp-tile h4 {
      font-size: .85rem;
    }
    .hp-about h3 {
      font-size: 2rem;
    }
  }
  
  @media (min-width: 768px) {
    h2 {font-size: 3rem;}

    .top-title h1 {
      font-size: 2.5rem;
    }
    .hp-tile h4 {
      font-size: 1rem;
    }
    .hp-about h3 {
      font-size: 3rem;
    }
  }
  
  @media (min-width: 992px) {
    h2 {font-size: 3.5rem;}

    .top-title h1 {
      font-size: 3rem;
    }
    .hp-tile h4 {
      font-size: 1rem;
    }
    .hp-about h3 {
      font-size: 3.5rem;
    }
  }
  
  @media (min-width: 1200px) {
    h2 {font-size: 4rem;}

    .top-title h1 {
      font-size: 3.5rem;
    }
    .hp-tile h4 {
      font-size: 1.25rem;
    }
    .hp-about h3 {
      font-size: 4rem;
    }
  }