/* Traditional Media Queries - Desktop-First (Industry Standard + 480px) */

/* Extra Large Screens */
@media (min-width: 1200px) {
    /* CSS for large desktops / widescreens */

/*HOME SECTION*/

    #hero-container {
        margin-top: 2rem;
    height: 110vh;
    }
}

/*RESOURCES PAGE HTML SECTION */

#html-section {
    height: 125vh;
}

/*RESOURCES PAGE CSS SECTION */

.css-container {
    justify-content: center;
    margin-bottom: 6rem;
}

.css-code-container{
    overflow-y: scroll;
}

/*RESOURCES PAGE MEDIA QUERY SECTION*/

#mediaquery-section {
    margin-top: 12rem;
}


/* Large Screens */
@media (min-width: 992px) and (max-width: 1199px) {
    /* CSS for desktops */

/*HOME SECTION*/

        #hero-container {
            margin-top: 2rem;
        }




/*RESOURCES PAGE CSS SECTION */

#css-section {
   height: 110vh;

}

}

/*THIS IS A REMINDER TO VIEW THIS SITE TO A DESKTOP*/
@media (max-width: 880px) {
    /* CSS for tablets and mobile devices */

        .rmd-box {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            width: 100%;
        
        } 

        .rmd-img {
            margin-top: 6rem;
            height: 100%;
     
            border-radius: 25px;
        }

        #hero-container,
        .logo {
            display: none;
        }

    }