/* Media Query for Mobile Devices */
@media (max-width: 480px) {
    #section1 {
        height: 65rem !important;
    }

    #section1-content{
        text-align: center !important;
        margin-top: 3em !important;
    }

    #section1-smiley {
        width: 70% !important;
    }

    .section1-image-face{
        height: auto;
        width: 100%;
        position: absolute !important;
        top: 28rem !important;
        left: -3rem !important;
    }

    #logo1 {
        display: flex !important;
    }

    #logo2 {
        display: none !important;
    }

    #section2 {
        height: auto !important;
        padding-bottom: 1em !important;
    }
    #section2 > div {
        margin: 0 !important;
    }

    #section3 {
        min-height: 96em !important;
    }


    #section4 {
        min-height: 80em !important;
    }

    #register-container {
        width: 100% !important;
        margin-bottom: 3rem;
    }

    #section5 {
        height: 70em !important;
    }

    h1.share-your-knocard {
        color: black !important;
    }

    .share-your-card-title {
        color: black !important;
    }

    #img-networking {
        width: 100%;
    }

    .propel-header {
        font-size: 3.5em !important;
    }

    .share-knocard-header {
        font-size: 2.5em !important;
    }
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
    #section1-smiley{
        width: 40% !important;
        margin-top: 4em !important;
    }
    #section1-content{
        margin-top: 0em !important;
    }
    .section1-image-face{
        position: absolute;
        bottom: 37% !important;
        right: 10% !important;
    }

    #section1 {
        height: auto !important;
        padding: 7% 2% 3% !important;
    }
    #section2 > div {
        margin: 0 !important;
    }
    #section2, #section3, #section4 {
        height: auto !important;
        padding: 3% 2% 3% !important;
    }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
    #section1 {
        height: auto !important;
        padding: 7% 2% 3% !important;
    }
    #section1-content{
        margin-top: 0em !important;
    }

    #section2, #section3, #section4 {
        height: auto !important;
        padding: 3% 2% 3% !important;
    }

    .section1-image-face{
        position: absolute;
        bottom: 10% !important;
        right: 24% !important;
    }
}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {

}

/* Media Query for Large screens */
@media (min-width: 1281px) {
    #img-networking {
        width: 45%;
    }

    #section-2 {
        height: 55em;
    }
}