* {
    font-family: 'Ubuntu', sans-serif;
}

body {
    background: orange;
}
.navbar-burger {
    color: white;
}

.footer {
    background: linear-gradient(to top, transparent, rgb(44, 44, 44)),
    url("../img/5185208.jpg");
   
    background-size: cover;
    position: relative;
    color: white;

    padding-bottom: 5px !important;
}

.is-1 {
    font-size: 80px !important;
}

.title {
    color: white;
}
.subtitle {
    color: white;
}

.container {
    width: 80%;
}

.btn {
    font-size: 1.2rem;
    background: white;

    padding: 1.2rem 1.8rem;
    border: none;
    cursor: pointer;

    border-radius: 7px;

    transition: .25s transform;
}
.btn:hover {
    transform: scale(.95);
}
.btn:active {
    transform: scale(.8);
}

.btn1 {
    font-size: 1.2rem;
    background: orange;
    color: white;


    padding: 1.2rem 1.8rem;
    border: none;
    cursor: pointer;

    border-radius: 7px;

    transition: .25s transform;
}
.btn1:hover {
    transform: scale(.95);
}
.btn1:active {
    transform: scale(.8);
}


.blue_txt {
    color: orange;
}



.img_logo {
    max-width: 65%;
}
.img_shop {
    max-width: 80%;
}
.clm {
    padding: 2rem;
}
.clm_op {
    background-color: rgba(205, 214, 219, 0.3);
    border-radius: 10px;
}

.border_txt {
    background: none;
    padding: .4rem;
    
    border: 1px solid white;
    border-radius: 5px;
    border: orange 2px solid;
}

.intro {
    background: orange;
}
.intro1 {
    background: linear-gradient(to bottom, transparent, orange),
    url("../img/5185208.jpg");
   
    background-size: cover;
    position: relative
}
.intro2 {
    background: linear-gradient(to bottom, orange, rgb(197, 115, 22));
}
.intro_bottom {
    background: linear-gradient(180deg, rgb(197, 115, 22), rgb(44, 44, 44));
}
.img_bottom {
    display: flex;
    justify-content: center;
    max-width: 85%;
    margin: 0 auto;
    border-radius: 25px;
}
.section_second {
    background: rgb(44, 44, 44);
}

.columns {
    gap: 1rem;
}

.txt {
    color: white;
}

.container_min {
    margin: auto;
    width: 60%;
}

hr {
    margin: 0;
}

.box {
    background-color: rgba(205, 214, 219, 0.3);
}

.link {
    color: white;
}
.link:hover {
    color: lightsalmon;
}



.anim_card {
    transition: 0.25s;
}


.anim_card:hover, .anim_card:focus, .anim_card:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}









@media screen and (max-width:840px) {
    .is-1 {
        font-size: 60px !important;
    }
    .is-2 {
        font-size: 30px !important;
    }
    .is-3 {
        font-size: 26px !important
    }
    .is-4 {
        font-size: 22px !important;
    }
    .is-5 {
        font-size: 20px !important;
    }
    .container_min {
        width: 90% !important;
    }
    .container {
        width: 90% !important;
    }
    .clm {
        padding: 1.4rem;
    }
}
@media screen and (max-width:540px) {
    .is-1 {
        font-size: 40px !important;
    }
    .is-2 {
        font-size: 25px !important;
    }
    .is-3 {
        font-size: 22px !important
    }
    .is-4 {
        font-size: 20px !important;
    }
    .is-5 {
        font-size: 18px !important;
    }
    .container_min {
        width: 90% !important;
    }
    .container {
        width: 90% !important;
    }
    .clm {
        padding: 1.4rem;
    }
    .img_logo {
        max-width: 85%;
    }
}