        .developer {
            font-size: 200%;
            line-height: 80%
        }
        .foot {
            font-size: 80%
        }
        .footbox {
            padding: 10px 0px 10px 0px
        }
        .hidden {
            display: none
        }
        body,
        h1,
        h2,
        li,
        p {
            font-family: "Rubik", sans-serif
        }
        @media (min-width:992px) {
            .brand-name {
                font-size: 270%
            }
        }
        @media (min-width:720px) and (max-width:991px) {
            .brand-name {
                font-size: 240%
            }
        }
        @media (min-width:540px) and (max-width:719px) {
            .brand-name {
                font-size: 200%
            }
        }
        @media (max-width:539px) {
            .brand-name {
                font-size: 140%
            }
        }
        @media (min-width:540px) {
            li,
            p,
            .contacts,
            .location {
                font-size: 150%
            }
        }
        @media (max-width:539px) {
            li,
            p {
                font-size: 125%
            }
        }
        @media (max-width:539px) {
            .contacts {
                font-size: 110%
            }
        }
        @media (max-width:539px) {
            #location {
                font-size: 0%;
                /* text hidden if no room */
            }
        }
        .picsize {
            height: auto;
            width: 80%
        }
        @media (min-width:720px) {
            .picsize {
                max-width: 700px
            }
        }
        @media (max-width:643px) {
            .hideline {
                visibility: hidden
            }
        }
        .paraPage2,
        .list1justify,
        .list2justify {
            height: auto;
            padding-top: 0px;
            padding-bottom: 0px;
            width: 100%
        }
        @media (min-width:992px) {
            .paraPage2 {
                padding-left: 7%;
                padding-right: 3%;
                max-width: 95%
            }
        }
        @media (min-width:720px) and (max-width:991px) {
            .paraPage2 {
                padding-left: 5%;
                padding-right: .5%
            }
        }
        @media (min-width:540px) and (max-width:719px) {
            .paraPage2 {
                padding-left: 3%;
                padding-right: .5%
            }
        }
        @media (max-width:539px) {
            .paraPage2 {
                padding-left: .5%;
                padding-right: .5%
            }
        }
        @media (min-width:1200px) {
            .list1justify {
                padding-left: 10%;
                padding-right: 3%
            }
        }
        @media (min-width:992px) and (max-width:1199px) {
            .list1justify {
                padding-left: 10%;
                padding-right: 7%;
                width: 850px
            }
        }
        @media (min-width:720px) and (max-width:991px) {
            .list1justify {
                padding-left: 10%;
                padding-right: 7%
            }
        }
        @media (min-width:540px) and (max-width:719px) {
            .list1justify {
                padding-left: 5%;
                padding-right: .5%
            }
        }
        @media (max-width:539px) {
            .list1justify {
                padding-left: 5%;
                padding-right: .5%
            }
        }
        .list2justify {
            padding-bottom: 10px;
            padding-left: 5%;
            padding-right: .5%
        }
        @media (min-width:1200px) {
            .list2justify {
                padding-left: 20%;
                padding-right: 3%;
                width: 1150px
            }
        }
        @media (min-width:992px) and (max-width:1199px) {
            .list2justify {
                padding-left: 20%;
                padding-right: 7%
            }
        }
        @media (min-width:720px) and (max-width:991px) {
            .list2justify {
                padding-left: 15%
            }
        }
