@import url("../../styles/style.css");

main {
    #header-text {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    section#list {
        display: flex;
        flex-direction: column;
        gap: 20px;

        .double-airplane {
            display: flex;
            flex-direction: column;
            gap: 10px;

            h3 {
                color: var(--text-menu-color);
            }

            ul {
                display: flex;
                flex-direction: column;
                gap: 5px;

                li {
                    display: flex;
                    gap: 20px;

                    img {
                        width: 600px;
                    }

                    .content {
                        display: flex;
                        flex-direction: column;
                        gap: 10px;
                        width: 100%;
                    }
                }
            }
        }
    }
}

/* Adaptability */
@media screen and (max-width: 1300px) {
    h3, p {
        text-align: left !important;
    }
}

@media screen and (max-width: 800px) {
    main {
        #header-text >p {
            text-align: center !important;
        }

        section#list {
            gap: 30px !important;
    
            .double-airplane {
                ul {
                    gap: 30px !important;
        
                    li {
                        flex-direction: column;
        
                        img {
                            width: auto !important;
                        }
        
                        .content {
                            gap: 5px !important;
                        }
                    }
                }
            }
        }
    }
}