body{
    font-family: 'Nunito', sans-serif;
}

.navbar{
    background-color: #181816;
    border-top: 4px solid #40a5f3;
}

.navbar img{
    width: 120px;
}

.nav-item{
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.navbar-toggler{
    background-color: #fff;
}

.nav-item:hover{
    background-color: #40a5f3;
}

.nav-item:hover .nav-link{
    color: #fff;
}

.nav-link{
    color: #ffffff;
}

.nav-link:hover{
    color: #0a446d;
}

#home a{
    background-color: #0a446d;
    color: #ffffff;
}

#home a:hover{
    background-color: #bad7fa;
}

#services{
    background-image: linear-gradient(to bottom right,#061e3e, #0c3367, #40a5f3);
}

#services hr{
    border: 0;
    background-color: #f9d068;
    opacity: 1;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

#services hr:not([size]){
    height: 3px;
}

#services .section-header{
    color: #f0f0f0;
}

#services ul {
  display: table;
  margin: 0 auto;
}

#services .card{
    border: 0;
background-color: transparent;
color: #ffffff;
}

#services img{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

#contact{
    background-color: #ededed;
}

#contact .section-header{
    text-shadow: none;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: normal;
}

#contact p{
    font-size: 1.1rem;
}

#contact a{
    color: #1166e1;
    font-weight: 700;
}

footer{
    background-color: #181816;
    color: #fff;
}

footer a, footer a:hover{
    color: #fff;
    font-weight: 700;
}

@media(min-width: 576px){
    .navbar-brand span{
        font-size: 1.1rem;
    }
}

@media(min-width: 768px){
    #services ul{
        font-size: 1.1rem;
    }
}

@media(min-width: 992px){
    #about p{
        font-size: 1.1rem;
    }

    #home h2{
        font-size: 2.1rem;
    }
}

@media (max-width: 991px){
    #services ul {
        display: table;
        margin: 0 auto;
      }
}

@media(min-width: 1200px){
    #home h1{
        font-size: 4rem;
    }

    #home h2{
        font-size: 2rem;
    }

    #services img{
        width: 90%;
    }

    #services ul{
        font-size: 1.4rem;
    }
}