@import "../node_modules/bootstrap/scss/bootstrap";
@import "../node_modules/bootstrap/scss/functions";
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/mixins";
@import "../node_modules/bootstrap/scss/root";
@import "../node_modules/bootstrap/scss/reboot";
@import "../node_modules/bootstrap/scss/type";
@import "../node_modules/bootstrap/scss/images";
@import "../node_modules/bootstrap/scss/containers";
@import "../node_modules/bootstrap/scss/grid";

.bg-gradient-primary {
    background-image: linear-gradient(to right, #1e67de -4%, #8250e0);
}

.team {
    background: url("../assets/The\ Team\ Background.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.bgimage {
    width: 100%;
    padding-bottom: 450px !important;
    background: url("../assets/Background\ -\ Desktop.png");
    background-repeat: no-repeat;
    background-size: cover;
    
    @media (max-width: 425px) {
        padding-bottom: 300px !important;
    }
}

.bgimage2 {
    width: 100%;
    background: url("../assets/Hero-1.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.pricing {
    background-color: #1b1924;
    box-shadow: 0 50px 154px 0 rgba(14, 15, 17, 0.63);
    border: solid 2px #332e4e;
}

.hero-img {
    @media (max-width: 1000px) {
        width: 80%;
    }
}

.laptop {
    @media (max-width: 425px) {
        width: 80%;
    }
}