/*!
* Created by Kroplet (https://www.kroplet.com) 
* The easiest way to create Bootstrap 4 themes. 
*/

/*Google fonts*/

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

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    background-color: #023f88;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

b,
strong {
    font-weight: 500;
}


.sticky-navigation {
    top: 0px;
    background-color: transparent;
}

.hero {
    height: 100vh;
    min-height: auto;
    padding: 50px 0;
}

.hero .brand {
    margin-top: 80px;
}

.logo {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.claim {
    text-align: center;
}

.text {
    text-align: center;
}


@media (max-width: 768px) {
    .hero .brand {
        margin-top: 0px;
    }
    .hero {
        min-height: 1000px;
    }
}

.store-img {
    width: 170px;
}

.hero h1 {
    font-weight: 100;
}

.hero p {
    width: 65%;
    text-align: center;
    margin: 0 auto;
}

.hero .mt-5{
    margin-top: 0px !important
}

.hero a {
    width: 65%;
    text-align: center;
    margin: 0 auto;
    color: #c7c8ca;
    display: block;
}


.hero a:hover {
    color: #023f88 !important;
}

.hero h1 b {
    font-weight: 700;
}

section {
    padding: 80px 0px;
}

.img-team {
    width: 150px;
    box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.img-team:hover {
    box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.15);
}



/*===============================================
* Background Colors
================================================*/

.bg-texture {
    background: #023f88;
}

.bg-alt {
    background-color: #fff;
}

.bg-faded {
    background-color: #FAFAFA;
}

.bg-primary {
    background-color: #023f88 !important;
}

.bg-footer {
    background-color: #023f88;
}