* {
            box-sizing: border-box;
            padding: 0;
            margin: 0;
        }

   .logo {
    margin: 0;

    font-family: Verdana;
    font-weight: normal;
    font-style: normal;
    font-size: 40px;
    text-transform: normal;
    letter-spacing: 0.06em;
    color: black;
    }

    .abouttext {
    font-family: Verdana;
    font-weight: bold;
        }

    .logo-subtitle{
    font-family: Verdana;
    font-weight: normal;
    font-style: normal;
    font-size: 25px;
    text-transform: normal;
    letter-spacing: 0.09em;
    color: black;
}

        .navbar {
            font-size: 16px;
            background-color: white;
            padding-bottom: 10px;
        }

        .main-nav {
            list-style-type: none;
            display: none;
        }

        .nav-links,
        .logo-area {
            text-decoration: none;
            color: black;
        }

        .main-nav li {
            text-align: center;
            margin: 15px auto;
        }

        .logo-area {
            display: inline-block;
            margin-top: 10px;
            margin-left: 20px;
        }

        .navbar-toggle {
            position: absolute;
            top: 10px;
            right: 20px;
            cursor: pointer;
            color: black;
            font-size: 26px;
        }

        .active {
            display: block;
        }

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

        .logo-subtitle {
    letter-spacing: .14em;
    }


    .abouttext {
            color: black;
            font-size: 25px;
           margin:auto;
           width:100%;
        }


            .navbar {
                display: flex;
                justify-content: space-between;
                padding-bottom: 0;
                height: 120px;
                align-items: center;
            }

            .main-nav {
                display: flex;
                margin-right: 30px;
                flex-direction: row;
                justify-content: flex-end;
            }

            .main-nav li {
                margin: 0;
            }

            .nav-links {
                margin-left: 40px;
            }

            .logo-area {
                margin-top: 0;
            }

            .navbar-toggle {
                display: none;
            }

            .logo-area:hover,
            .nav-links:hover {
                color: black;
                }
        }