.main_somostikanga {
    display: flex;
    flex-flow: column;
    gap: 2.5rem;
    position: static;

    padding: 10rem 5rem;
    box-shadow: 0 0.21rem 0.6rem rgba(250, 249, 249, 0.849);
    /* background-color: #a79f60; */

    .tit_somostikanga {
        font-size: 2.4rem;
    }

    .sec1_somostikanga {
        display: flex;
        flex-flow: column;
        gap: 1.2rem;
        

        text-align: justify;

        .sec1_somostikanga_item2 {
            padding: 0 0 3rem 0;
        }

    }

    .sec2_somostikanga {
        display: flex;
        flex-flow: row;
        gap: 1.2rem;

        justify-content: space-between;
        flex: 1;

        .sec2_somostikanga__item1 {
            flex: 1;
            position: relative;
            padding: 4rem 3rem;
            text-align: justify;
            box-shadow: 0 0.21rem 0.6rem rgba(250, 250, 250, 0.87);
            border-radius: 1.5rem;
            background-color: #8b4513;
            color:aliceblue;
            

            .sec2_somostikanga__item11 {

                position: absolute;
                width: 8rem;
                left: 50%;
                transform: translate(-50%, -100%);

                img {
                    
                    width: 100%;
                    border-radius: 4rem;
                    box-shadow: 0 0.21rem 0.6rem rgba(250, 250, 250, 0.87);
                    
                }

            }

        }
        
    }

    .sec3_somostikanga {
        display: flex;
        flex-flow: column;
        gap: 1.2rem;

        text-align: justify;

        .sec3_somostikanga__itens {
            gap: 1.2rem;
        }
    }

}
    
.rodape {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    justify-content: space-evenly;
    padding: 3rem 3rem;
    height: 15rem;
    background-color: rgb(145, 211, 114);

    .rod_col_inf {
        display: flex;
        flex-direction: column;
        gap: 1.2rem;

        input {
            padding: 0.5rem 0.5rem;
            border-radius: 0.6rem;
            border: none;
        }

        button {
            padding: 0.7rem 1rem;
            background-color: #a0b448da;
            border-radius: 0.6rem;
            border: none;
            box-shadow: 0 0.21rem 0.4rem rgba(0, 0, 0, 0.1);
        }


    }

    .rod_contato {
        display: flex;
        flex-direction: column;
        gap: 1.2rem;

    }

    .rod_redessociais {
        display: flex;
        flex-direction: column;
        gap: 1.2rem;

    }
}  

@media all and (max-width: 881px){


    .main_somostikanga {
        display: flex;
        flex-flow: column;
        gap: 2.5rem;
        position: static;

        padding: 10rem 5rem;
        box-shadow: 0 0.21rem 0.6rem rgba(250, 249, 249, 0.849);
        /* background-color: #a79f60; */

        .tit_somostikanga {
            font-size: 2.4rem;
        }

        .sec1_somostikanga {
            display: flex;
            flex-flow: column;
            gap: 1.2rem;
            
            top: 0rem;
            left: 0rem;
            text-align: justify;

            .sec1_somostikanga_item2 {
                padding: 0 0 3rem 0;
            }

        }

        .sec2_somostikanga {
            display: flex;
            flex-flow: row;
            gap: 1.2rem;
            justify-content: space-between;
            flex: 1;

            .sec2_somostikanga__item1 {
                flex: 1;
                padding: 4rem 3rem;
                text-align: justify;
                box-shadow: 0 0.21rem 0.6rem rgba(250, 250, 250, 0.87);
                border-radius: 1.5rem;
                background-color: #8b4513;
                color:aliceblue;
                

                .sec2_somostikanga__item11 {

                    img {
                        
                        width: 100%;
                        border-radius: 4rem;
                        box-shadow: 0 0.21rem 0.6rem rgba(250, 250, 250, 0.87);
                        
                    }

                }

            }
            
        }

        .sec3_somostikanga {
            display: flex;
            flex-flow: column;
            gap: 1.2rem;

            text-align: justify;

            .sec3_somostikanga__itens {
                gap: 1.2rem;
            }
        }

    }
}    

@media all and (max-width: 690px){


    .main_somostikanga {
        display: flex;
        flex-flow: column;
        gap: 2.5rem;

        padding: 5rem 3rem;
        box-shadow: 0 0.21rem 0.6rem rgba(250, 249, 249, 0.849);
        /* background-color: #a79f60; */

        .tit_somostikanga {
            font-size: 2.4rem;
        }

        .sec1_somostikanga {
            display: flex;
            flex-flow: column;
            gap: 2.5rem;
            
            text-align: justify;

            .sec1_somostikanga_item2 {
                padding: 0 0 3rem 0;
            }

        }

        .sec2_somostikanga {
            display: flex;
            flex-flow: column;
            gap: 5rem;
            justify-content: space-between;
            flex: 1;

            .sec2_somostikanga__item1 {
                flex: 1;
                gap: 5rem;
                padding: 4rem 3rem;
                text-align: justify;
                box-shadow: 0 0.21rem 0.6rem rgba(250, 250, 250, 0.87);
                border-radius: 1.5rem;
                background-color: #8b4513;
                color:aliceblue;
                

                .sec2_somostikanga__item11 {


                    img {
                        
                        width: 100%;
                        border-radius: 4rem;
                        box-shadow: 0 0.21rem 0.6rem rgba(250, 250, 250, 0.87);
                        
                    }

                }

            }
            
        }

        .sec3_somostikanga {
            display: flex;
            flex-flow: column;
            gap: 1.2rem;
            text-align: justify;

            .sec3_somostikanga__itens {
                gap: 1.2rem;
            }
        }

    }
}    

@media all and (max-width: 480px){


    .main_somostikanga {
        display: flex;
        flex-flow: column;
        gap: 2.5rem;
        padding: 5rem 3rem;
        box-shadow: 0 0.21rem 0.6rem rgba(250, 249, 249, 0.849);
        /* background-color: #a79f60; */

        .tit_somostikanga {
            font-size: 2.4rem;
        }

        .sec1_somostikanga {
            display: flex;
            flex-flow: column;
            gap: 2.5rem;
            
            top: 0rem;
            left: 0rem;
            text-align: justify;

            .sec1_somostikanga_item2 {
                padding: 0 0 3rem 0;
            }

        }

        .sec2_somostikanga {
            display: flex;
            flex-flow: column;
            gap: 5rem;
            justify-content: space-between;
            flex: 1;

            .sec2_somostikanga__item1 {
                flex: 1;
                gap: 5rem;
                padding: 4rem 3rem;
                text-align: justify;
                box-shadow: 0 0.21rem 0.6rem rgba(250, 250, 250, 0.87);
                border-radius: 1.5rem;
                background-color: #8b4513;
                color:aliceblue;
                

                .sec2_somostikanga__item11 {

                    img {
                        
                        width: 100%;
                        border-radius: 4rem;
                        box-shadow: 0 0.21rem 0.6rem rgba(250, 250, 250, 0.87);
                        
                    }

                }

            }
            
        }

        .sec3_somostikanga {
            display: flex;
            flex-flow: column;
            gap: 1.2rem;
            text-align: justify;
            .sec3_somostikanga__itens {
                gap: 1.2rem;
            }
        }

    }

    .rodape {
        display: flex;
        flex-direction: row;
        gap: 2rem;
        justify-content: space-between;
        padding: 3rem 3rem;
        height: 15rem;
        background-color: rgb(145, 211, 114);
    
        .rod_col_inf {
            display: flex;
            flex-direction: column;
            gap: 1.2rem;
    
            input {
                padding: 0.5rem 0.5rem;
                border-radius: 0.6rem;
                border: none;
            }
    
            button {
                padding: 0.7rem 1rem;
                background-color: #a0b448da;
                border-radius: 0.6rem;
                border: none;
                box-shadow: 0 0.21rem 0.4rem rgba(0, 0, 0, 0.1);
            }
    
    
        }
    
        .rod_contato {
            display: flex;
            flex-direction: column;
            gap: 1.2rem;
    
        }
    
        .rod_redessociais {
            display: flex;
            flex-direction: column;
            gap: 1.2rem;
    
        }
    }  
}