@import "../../styles/variables.less";

.listing {
    margin: auto;
    max-width: 80%;
    padding: 50px 60px 0;
    display: flex;
    @media only screen and (max-width: 800px) {
        padding: 20px 0;
        margin: 20px auto;
        flex-wrap: wrap;
    }
    &__title-border {
        height: 4px;
        width: 8vw;
        margin-top: -1em;
        margin-bottom: 1em;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, @primary-color 0%, @secondary-color 100%);
    }

    > div > h1 {
        font-size: 2em;
        font-weight: normal;
        letter-spacing: .01em;
    }
    > div > div {
        font-size: 1.2em;
    }
    
    &__surya-namaskar#a {
        padding: 100px;
        background: blue;
        @media only screen and (min-width: 600px) {
            background: red;
        }
        img {
            width: 100%;
            height: auto;
        }
    }
}