*{
    font-family: sans-serif;
}
body{
    background: #f1fbff;
}
.section-padding{
    padding: 100px 0;
}
.carousel-item{
    height: 100vh;
    min-height: 300px;
}
.carousel-caption{
    bottom: 160px;
    z-index: .75;
}
.carousel-caption h5{
    font-size: 45px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 10px;
    width: 100%;
    color: #f1fbff;
}

.carousel-caption p{
    width: 100%;
    margin: auto;
    font-size: 14px;
    line-height: 1.9;
    color: #f1fbff;
}
.carousel-inner::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
    z-index: 0.5;
}

.navbar-nav a{
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
}

.navbar-light .navbar-brand{
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
}   

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover{
    color: #000;
}

.navbar-light .navbar-nav .nav-link{
    color: #000;
}
.w-100{
    height: 100vh;
}
.w-90{
    width: 90vw; 
}
.w-80{
    width: 80vw; 
}
.w-70{
    width: 70vw; 
}
.w-60{
    width: 60vw; 
}
.w-50{
    width: 50vw; 
}

.vh-60{
    height: 60vh;
}
.vh-90{
    height: 90vh;
}
.vh-80{
    height: 80vh;
}
.vh-70{
    height: 70vh;
}
.vh-60{
    height: 60vh;
}
.vh-50{
    height: 50vh;
}
.services .card-body i{
    font-size: 50px;
}

.team .card-body i{
    font-size: 50px;
}

.portfolio .card{
    box-shadow: 0px 10px 0px 10px rgba(0, 0, 0, 0.15);
}

.team .card{
    box-shadow: 0px 10px 0px 10px rgba(0, 0, 0, 0.15);
}

.logout{
    margin-left: -120%;
}

.btn-img{
    border: 0;
}

/* =========== Responsivenes ============*/

@media only screen and (min-width:768px) and ( max-width:991px){
        .carousel-caption{
            bottom: 120px;
        }
        .carousel-caption p{
            width: 100%;
            color: #f1fbff;
        }
        .carousel-caption h5{
            font-size: 24px;
            color: #f1fbff;
            
        }
        .logout{
            margin-left: 0%;
        }
        
}

@media only screen and ( max-width:767px){

    .carousel-caption{
        bottom: 120px;
    }
    .carousel-caption h5{
        font-size: 20px;
        color: #f1fbff;
    }
    .carousel-caption a{
        padding: 10px 15px;
    }
    .carousel-caption p{
        width: 100%;
        line-height: 1.6;
        font-size: 15px;
        color: #f1fbff;
    }

    .logout{
        margin-left:0%;
    }
}