@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');

html, body {
    height: 100%;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    color: #222;
    abackground-color: #f8faff;
}

.navbar-custom {
    background-color: #cceeff;
    /*
    background-color: #e7f5fe;
    */
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #0059b3;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgb(8,123,192); 
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}

.navbar {
    padding: .8rem;
}

.navbar-nav li {
    padding-right: 1.2rem;
}

.nav-link {
    font-size: 1.1em !important;
    font-weight: 500 !important;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
}

.carousel-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-caption h1 {
    font-size: 500%;
    text-transform: uppercase;
    text-shadow: 1px 1px 15px #000;
}

.carousel-caption h3 {
    font-size: 200%;
    font-weight: 500;
    text-shadow: 1px 1px 10px #000;
}

#slides {
    padding-top: 2rem;
    
}

.padding {
    padding-bottom: 2rem;
}

.welcome {
    width: 75%;
    margin: 0 auto;
    padding-top: 2rem;
}
.welcome hr {
    border-top: 2px solid #b4b4b4;
    width: 95%;
    margin-top: .3rem;
    margin-bottom: 1rem;
}

#portfolio-cards h4, #portfolio-cards h6 {
    
}

.portfolio-img {
    float: left;
    margin-right: .35em;
    font-size: 3em;
    color: rgb(8,123,192);    
}

.fa-phone, .fa-envelope {
    padding-right: .75em;
}

.fa-box-open {
    color: #e54d26;
}
.fa-lightbulb {
    color: #563d7c;
}
.fa-ruler-vertical {
    color: #2163af;
}
.fa-box-open, .fa-lightbulb, .fa-ruler-vertical {
    font-size: 4em;
    margin: 1rem;
}

.fa-twitter, .fa-linkedin-in, .fa-facebook-f, .fa-google-plus-g {
    font-size: 2em;
    margin: .5rem;
}

.fa-linkedin-in {
    color: rgb(1,100,155);
}

.fa-twitter {
    color: rgb(0,172,237);
}

.fa-facebook-f {
    color: rgb(59,87,157);
}

.fa-google-plus-g {
    color: rgb(221,76,64);
}

#teamcards {
    width: 85%;
    margin: 0 auto;
}

/*---Media Queries --*/
@media (max-width: 992px) {

}
@media (max-width: 768px) {
  
}
@media (max-width: 576px) {
  
}



/*--- Bootstrap Padding Fix --*/
[class*="col-"] {
    padding: 1rem;
}