*:focus{
    outline: none;
}

html{
    scroll-behavior: smooth;
}

a:hover{
    text-decoration: none;
}

.blog-header-logo{
font-family: "Playfair Display", Georgia, "Times New Roman", serif;
font-size: 1.7rem;
}

.bg-primary, .btn-primary{
    background-color: #0db0ff!important;
}

.text-primary{
    color: #0db0ff!important;
}

#services img {
    border-radius: 50%;
    transition: .4s;
    box-shadow: 3px 3px 10px #c4c4c4;
}

#benefits img{
    transition: .4s;
    box-shadow: 3px 3px 10px #c4c4c4;
}


img:hover{
    cursor: pointer;
    opacity: .6;
}

nav a.text-muted{
    color: #0db0ff!important;
    font-weight: 600;
    transition: .3s;
}

nav a.text-muted:hover{
    opacity: .6;
}
p{
    font-size: 1.2em;
}

.social{
    position: fixed;
    right: 0%;
    top: 40%;
}

.social a{
    cursor: pointer;
    transition: .3s;
}

.social a:hover{
    opacity: .8;
}

.social a i{
    font-size: 1.5em;
    margin: 0;
    height: 2em;
    width: 2em;
    line-height: 2em;
    color: #fff;
    text-align: center;
}

.social a i.fa-facebook{
    background: #3d5fa6;
}

.social a i.fa-instagram{
    background: #000;
}

.social a i.fa-twitter{
    background: #1da1f2;
}

    
.jumbotron{
    background-color: #7dcef5cc!important;
    background-image: url('img/img0.jpg');
    background-position: center;
    background-blend-mode: multiply;
}

@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1200px;
    }
}