@media screen and (width <= 1180px) {
    .sect-3{
        .content{
            h2{
                font-size: 7vw;
            }
        }
    }
    .sect-address{
        padding: 6rem 5%;
    }

    .carousel{
        img{
            height: 50vh;
        }
    }

    footer{
        .payment-methods{
            row-gap: 2rem;
        }
        .payment-card{
            min-width: none;
            width: 30%;

            h5{
                font-size: 150%;
            }

            p{
                font-size: 120%;
            }
        }
    }
}

@media screen and (width <= 850px){
    .sect-services{
        .head, .footer{
            padding: 0px;
        }

        .body{
            justify-content: center;
        }
    }

    .shape-2{
        width: 15%;
        height: 15%;
    }

    .sect-3{
        align-items: center;
        justify-content: center;
        padding: 0px;

        .content{
            width: 80%;
        }
    }

    .sect-address{
        padding: 6rem 5%;
        height: max-content;

        .content{
            flex-direction: column;
            gap: 2rem;

            .left{
                text-align: center;
                width: 100%;
                max-width: 100%;
                align-items: center;
                justify-content: space-between;
                gap: 1rem;
                margin-bottom: 0px;

                button{
                    width: 90%;
                }

                h1{
                    margin-bottom: 5px;
                    font-size: 160%;
                }
            }

            .right{
                position: relative;
                button{
                    position: absolute;
                    z-index: 99;
                }

                #back{
                    left: 0;
                }
            }
        }
    }

    .sect-social-nets{
        .content{
            width: 90%;
        }
    }
}

@media screen and (width <= 750px) {
    footer{
        .payment-card{
            width: 46.5%;
        }

        .contact{
            flex-direction: column;
            align-items: start;
            justify-content: center;
            gap: 2rem;
        }
    }
}

@media screen and (width <= 570px) {
    .sect-1{
        .title{
            width: 90%;
        }

        h1{
            font-size: 300%;
        }

        h3{
            font-size: 140%;
        }

        button{
            width: 50%;
        }
    }

    .sect-services{
        .head{
            h2{
                font-size: 250%;
            }
        }

        .body{
            row-gap: 6rem;
        }
    }

    .sect-3{
        .content{
            h2{
                font-size: 300%;
            }

            p{
                font-size: 140%;
            }
        }
    }

    .sect-social-nets{
        .content{
            h2{
                font-size: 270%;
            }

            .btn-special{
                width: 95%;

                .text-btn{
                    width: 90%;
                }
            }

            .socials{
                a{
                    width: 35% !important;
                    height: 35% !important;
                }
                .social-net{
                    width: 100% !important;
                    height: 100% !important;
                }
            }
        }
    }

    .carousel{
        img{
            height: 40vh;
        }
    }

    .accent::before{
        top: -17px;
        left: 6px;
    }

    .logo{
        width: 50%;
    }

    footer{
        .payment-card{
            width: 100%;
        }
    }
}