@media (max-width: 480px) {
    footer > div:nth-child(3) {
        flex-direction: column;
    }

        footer > div:nth-child(3) > div {
            position: relative;
            left: unset;
            top: unset;
        }

        footer > div:nth-child(3) > span {
            margin-top: 15px;
        }
}

@media (max-width: 990px) {
    header {
        height: 66px;
    }

        header > nav {
            height: 66px;
        }

            header > nav > div {
                height: calc(100vh - 66px);
                position: fixed;
                top: 66px;
                right: -100%;
                background-color: rgba(0,0,0,.2);
                width: 100%;
                overflow-y: auto;
                display: block;
                transition: all .25s ease-in-out;
            }

                header > nav > div.open {
                    right: 0;
                }

                header > nav > div > ul {
                    width: 80%;
                    min-height: calc(100vh - 66px);
                    background-color: white;
                    box-shadow: 0 0 10px rgba(54, 83, 120, .14);
                    -webkit-box-shadow: rgba(54, 83, 120, .14) 0 0 10px;
                    display: flex;
                    flex-direction: column;
                }

                    header > nav > div > ul > li > a, header > nav > div > ul > li > span {
                        color: #151313 !important;
                        padding-right: 0;
                        display: inline-block;
                    }

                        header > nav > div > ul > li > a > span:last-child, header > nav > div > ul > li > span > span:last-child {
                            background-color: #FF2C6D;
                        }

                        header > nav > div > ul > li > span > ul {
                            position: relative;
                            top: 0;
                            box-shadow: unset;
                            -webkit-box-shadow: unset;
                            display: block;
                            padding: 0;
                        }

            header > nav > a:nth-child(1) > img {
                width: 210px;
            }

            header > nav > button {
                display: flex;
            }

    footer {
        padding-top: 30px;
    }

        footer > div:nth-child(1) {
            flex-direction: column;
        }

            footer > div:nth-child(1) > div {
                width: 100%;
            }
}

@media (max-width: 1480px) {
    footer {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1480px) {
}