$black: #000000;

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'sans-serif';
    font-weight: 700;
}

#click-area {
    display: block;
    position: relative;
    height: auto;
    width: 160px;
    max-width: 100%;
    max-height: 600px;
    overflow: hidden;
    color: white;
    background: $black;
    img {
        max-width: 100%;
        height: auto;
    }
    #bg {
        max-width: 102%;
        height: auto;
        transform-origin: center;
    }
    .slide {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        > div {
            position: absolute;
            margin: auto;
        }
        #content {
            padding: 15%;
            height: 100%;
            max-width: 100%;
            box-sizing: border-box;
            #hashtag {
                img {
                    width: 68vw;
                    @media (min-width: 160px) {
                        width: 110px;
                    }
                }
            }
            #headline {
                position: absolute;
                top: 55%;
                img {
                    width: 70vw;
                    @media (min-width: 160px) {
                        width: 110px;
                    }
                }
            }
            #cta {
                position: absolute;
                bottom: 22%;
                display: flex;
                align-items: center;
                .arrow {
                    height: 12px;
                    width: auto;
                }
                .text {
                    margin-left: 3%;
                    width: 42vw;
                    @media (min-width: 160px) {
                        width: 70px;
                    }
                }
            }
        }
        
        #logos {
            top: auto;
            bottom: 0;
            padding: 15%;
            max-width: 100%;
            box-sizing: border-box;
            img {
                display: block;
                &#bmw {
                    width: 55%;
                    margin-bottom: 15%;
                }
            }
        }
        
    }
}