/* responsiv navbar start */

.navbar-toggler {
    display: none;
}

.logo-responsiv {
    display: none;
}

.icon-navbar {
    width: 100px;
    height: 100px;
}

.navbar-icon-rainbow {
    width: 100px;
    height: 100px;
}


/* @media screen and (max-width: 960px) {

} */


/* responsiv navbar end*/

@media screen and (max-width: 768px) {
    .navbar-out {
        display: none !important;
    }
    .navbar-toggler {
        background-color: rgba(162, 162, 162, 0.699) !important;
        z-index: 10 !important;
        display: block;
        position: fixed !important;
        height: 80px !important;
        width: 80px !important;
    }
    .navbar-icon-rainbow {
        height: 80px !important;
        width: 80px !important;
    }
    .offcanvas {
        font-size: 0.8rem;
        background-color: rgba(162, 162, 162, 0.699) !important;
        width: 50% !important;
        height: 35%;
    }
    /* .offcanvas a {
        color: rgb(225, 225, 225) !important;
    } */
    /* .home-overline {
        display: none !important;
    } */
    .title h1 {
        font-size: 1.2em !important;
    }
    .title {
        margin-top: 100% !important;
    }
    .blob {
        position: absolute !important;
        top: 17%;
        left: 40%;
        height: 15rem !important;
        width: 18rem;
    }
    .blob img {
        width: 300px !important;
        height: 250px !important;
    }
    .cv-btn button {
        width: 180px !important;
        height: 100px !important;
        margin-top: 10% !important;
    }
    .light-blue {
        display: flex;
        justify-content: center;
    }
    .cards {
        display: flex;
    }
    .cards img {
        object-fit: cover;
    }
    .card-one {
        width: 40% !important;
    }
    .left {
        width: 40% !important;
    }
    /*navbar-toggler-responsiv  */
    .navbar-links-responsiv {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .about-btn {
        flex-direction: column !important;
    }
    .google-links {
        margin-bottom: 10%;
    }
}

@media screen and (max-width: 600px) {
    h2 {
        font-size: 1.1rem !important;
    }
    p {
        font-size: 0.6rem !important;
    }
    .light-blue button {
        width: 155px !important;
        height: 122px !important;
    }
    /* .cards {
        display: flex !important;
        flex-direction: column !important;
    }
    .card-one {
        width: 100% !important;
    } */
    .all-info {
        align-items: center !important;
        flex-direction: column !important;
    }
    .left {
        width: 84.5% !important;
        margin-bottom: 20% !important;
        margin-right: 0 !important;
    }
    .mailto {
        width: 80% !important;
    }
}

@media screen and (max-width: 480px) {
    .home {
        margin: 0 !important;
    }
    .blob {
        top: 13% !important;
        left: 30%;
    }
    .left {
        width: 92% !important;
        margin-right: 1% !important;
    }
}

@media screen and (max-width: 420px) {
    .blob {
        top: 16% !important;
        left: 13% !important;
    }
    .title {
        margin-right: 25% !important;
    }
    .cv-btn {
        margin-right: 25% !important;
    }
    .left {
        width: 100% !important;
        margin-right: 1% !important;
    }
}

@media screen and (max-width: 320px) {
    .navbar-toggler {
        height: 60px !important;
        width: 60px !important;
    }
    .navbar-toggler img {
        height: 60px !important;
        width: 60px !important;
    }
    .home {
        height: 78vh !important;
    }
    .title {
        margin-top: 10% !important;
    }
    .cv-btn button {
        height: 50px !important;
        font-size: 15px !important;
    }
    .overlines {
        margin-top: 120% !important;
    }
    .blob {
        width: 15em !important;
        height: 12em !important;
        top: 10% !important;
        left: 10% !important;
    }
    .blob img {
        width: 240px !important;
        height: 200px !important;
    }
    /* .overline h1 {
        font-size: 0.8em !important;
    } */
    .home-overlines {
        width: 150% !important;
        background-color: red !important;
    }
    .overlines {
        margin-left: 15% !important;
        /* margin: 30% !important; */
        margin-top: 125% !important;
        height: 12em !important;
        width: 100% !important;
    }
    .overline h1 {
        font-size: 15px !important;
    }
    /* .cards {
        display: flex !important;
        flex-direction: column !important;
    }
    .card-one {
        width: 100% !important;
    } */
    .about h2 {
        font-size: 20px !important;
    }
    .google-maps iframe {
        width: 100% !important;
    }
    .google-links {
        height: 21.5%;
        width: 100% !important;
    }
}