/*Desktop*/
@media only screen and (min-width: 800px){
    nav{/*Make size adjustments for mobile*/
        width: 100%;
        height: 100px;
    }

    footer{
        padding-left: 10%;
        padding-right: 10%;
        width: 80%;
        min-height: 250px;
    }
    
    /*STYLING FOR CLASSES*/    
    .btn{
        height: 65px;
        width: 100px;

        margin-right: 15px;
        margin-left: 15px;

        vertical-align: 70%;

        padding-bottom: 20px;

        text-decoration: none;
        color: black;
    }
    
    .btn_main img{
        height: 90px;
        width: auto;
    
        float: center;
        margin-right: 30px;
        margin-left: 30px;
        margin-top: 5px;
    }
    
    .btn_social img{
        height: 35px;
        width: auto;
        padding-left: 10px;
    
        float: right;
    }
     
    .float_img_clear{
        clear: left;
    }

    .new_exp_nav_btn{
        width: 23%;
        height: 100px;

        padding-top: 25px;
    
        float:left;
    
        text-align: center;
    }

    .proj-group{
        width: 17%;
        height: auto;
        float: left;
        padding-right: 3%;
    }

    .proj-image{
        width: 450px;
        padding-top: 1em;
        padding-right: 35px;
        padding-bottom: 35px;
        float: left;
    }

    .about-image{
        float: center;
    }

    .project-links{
        float: right;
    }

    .project-click{
        width: 50px;
    }

    .youtube-embed-size{
        width: 720px;
        height: 480px;
    }
    
    .profile-image{
        width: 20%;
        height: auto;
        float: left;
    }

    .profile-image img{
        width: 100%;
    }
    
    .profile-padding{
        width: 10%;
        float: left;
    }
    
    .profile-text{
        width: 60%;
        padding: 5%;
        text-align: left;
        float: left;
    }
    
    /*STYLING FOR IDS*/
    #content img{
        border: 1px solid;
        border-color: #57A0B3;
    }

    #intro_section img{
        max-height: 95vh;
        max-width: 100vw;
    }
    
    #desk_btn_bar{
        font-family: 'Fredoka', sans-serif;

        width: 100%;
        height: 100%;

        text-align: center;
        
        margin-left: auto;
        margin-right: auto;

        font-size: large;
        font-weight: 600;
    }

    #desk_btn_bar a:hover{
        text-decoration: underline;
    }

    #desk_btn_bar a:not(:hover){
        text-decoration: none;
    }

    #mob_btn_bar{
        display: none;
    }

    #mob_btn_block{
        display: none;
    }

    #youtube img{
        width: 35%;
        padding-top: 1em;
    }
    
    #footer_copy{
        padding-top: 115px;
        width: 33%;
        float: left;
        text-align: center;
    }
    
    #footer_logo{
        padding-top: 65px;
        width: 33%;
        float: left;
        text-align: center;
    }
    
    #footer_social{
        padding-top: 115px;
        width: 33%;
        float: left;
        text-align: right;
    }
    
    #footer_logo_img{
        height: 120px;
        width: auto;
        padding-right: 10%;
    }
}