@media only screen and (orientation: portrait) {
    
    .sidebar {
        display: none;
    }

    @media only screen and (min-width: 767px) {

        h1 {
            padding: 20px 0;
            font-size: 400%;
        }
        h6 {
            padding: 20px 0;
            font-size: 100%;
        }
        .navbar {
            font-size: 120%;
        }
        .mobile-menu {
            max-width: 640px;
        }
        .mobile-menu li a {
            font-size: 150%;
        }
        .footer-container {
            max-width: 640px;
        }
        .footer-logo img {
            width: 140px;
            padding: 5px;
        }
        .footer-info {            
            height: 140px;            
        }
        .footer-links li {
            padding: 0 12px;
            font-size: 160%;
        }
        .footer-privacy {    
            font-size: 110%;
        }
        .footer-copyright {
            text-align: right;
            font-size: 90%;
        }

    }

}

@media only screen and (orientation: landscape) {

    .main-container {
        display: flex;
        flex-direction: row;
    }
    .header,
    .navbar,
    .footer {
        display: none;
    }    

    @media only screen and (min-height: 579px) {

        .sidebar {
            width: 120px;
            padding: 0;            
        }
        .sidebar-logo {
            padding: 20px 20px 0;
        }
        .sidebar-logo img {
            width: 90px;            
        }
        .sidebar-menu {
            padding: 0 20px;
            font-size: 24px;
        }
        .sidebar-menu li {
            margin: 3vh 0;
        }
        .sidebar-social {
            padding:  0 15px 20px;
        }
        .privacy-link {            
            font-size: 80%;
        }
        .social-links {
            margin: 15px 0;
            display: grid;
            grid-template-columns: 1fr 1fr;
            font-size: 120%;
        }
        .social-links li {
            margin: 5px 0;
        }
        .copyright {
            display: block;
            font-size: 60%;
            line-height: 1.5;            
        }
        .copyright span {
            display: block;            
        }

    }

    @media only screen and (min-height: 769px) {

        .sidebar {
            width: 180px;            
        }
        .sidebar-logo {
            padding: 30px 20px 0;
        }
        .sidebar-logo img {
            width: 140px;            
        }
        .sidebar-menu {
            font-size: 28px;
        }
        
        .social-links {
            /* padding-bottom: 20px; */
            grid-template-columns: 1fr 1fr 1fr 1fr;            
            /* border-bottom: 1px solid #999; */
        }
        .social-links li {
            padding: 0 5px;
        }
        .copyright {            
            font-size: 65%;
            font-weight: 400;
            line-height: 1.5;            
        }

    }

    @media only screen and (min-height: 901px) {

        .sidebar {
            width: 240px;            
        }
        .sidebar-logo {
            padding: 40px 20px 0;
        }
        .sidebar-logo img {
            width: 180px;            
        }
        .sidebar-menu {
            padding: 0 35px;
            font-size: 32px;            
        }
        .privacy-link {            
            font-size: 100%;
        }
        .social-links {
            margin: 20px 10px;            
            font-size: 150%;
        }
        .social-links li {
            padding: 0;
        }
        .copyright span {
            display: inline;
        }

    }
        
}