/* Responsive styles */
@media (max-width: 930px) {
    
    #mascot {
        margin-bottom: 30px !important;
        max-width: 310px !important;
    }
    
    #mntext {
        max-width: 400px;
        margin: auto;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    h1 {
        text-align: center !important;
    }
    
    .icon-container {
        display: none;
    }
    
    .module-half {
        width: 100% !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        text-align: center !important;
    }
    
    .module-third {
        width: 100% !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        text-align: center;
    }
    
    .avatar-text-container {
        width: 100% !important;
        text-align: center;
    }
    
    .module {
        padding: 0px;
    }
    
    #new {
        margin-top: 20px !important;
        margin-bottom: -10px !important;
    }
    
    #hello {
        margin-bottom: 40px !important;
    }
    
    .avatar-image {
        margin: auto !important;
    }
    
    .hero-text {
        font-size: 32pt;
    }
}

@media (max-width: 700px) {
    .hero-text {
        font-size: 24pt !important;
        line-height: 28pt !important;
    }
}

@media (max-width: 500px) {
    .iconback {
        top: 40px !important;
    }
    
    #getstarted {
        background: #fff;
    }
    
    #asSeenOn {
        background: #f2f5f8;
    }
    
    #seen {
        display: none;
    }
    
    #explore h1 {
        margin-top: -15px;
    }
    
    .module-third {
        padding-bottom: 20px !important;
    }
    
    #explore {
        background: #f2f5f8;
    }
    
    #heading {
        font-size: 28pt !important;
        line-height: 33pt !important;
    }
}




#newsbtn:hover {
    background: #8dd2ce !important;
}

@media (max-width: 768px) {

    
    .modal-content {
        width: 90%;
        margin: 20px auto;
        padding: 15px;
    }
    

}