/* CSS Reset */
body, header, nav, footer, main, h1, div, img, ul{
    margin: 0;
    padding: 0;
    border: 0;
}

html{
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 100%;
}


.baby-hawk {
    width: 100%;
}

        body{
            background-color:chocolate;
        }

        nav{
            padding: 1%;
            margin-bottom: 1%;
        }

        nav ul{
            list-style-type: none;
            text-align: center;
        }

        nav li{
            font-size: 1.5em;
            font-family: "Numans", sans-serif; 
            border-top: 1px solid #fff200;
        }

        nav li:first-child{
            border-top: none;
        }

        nav li a{
            display: block;
            color: #fff;
            padding: 0.5em 1em;
            text-decoration: none;
        }

        /* show mobile class, hide tablet-desktop class */
        .mobile {
            display: block;
        }

        .tablet-desktop{
            display: none;
        }

        img{
            max-width: 100%;
            display: block;
        }

        /* Style rules for mobile viewport */


        header{
            background-color: brown;
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            height: 90px;
        }

        header img{
            margin: 0 auto;
        }

        main{
            background-color: lightsalmon;
            padding: 2%;
            font-size: 1.15em;
            font-family: "Numans", sans-serif;
        }

        .tel-link{
            background-color:chocolate;
            padding: 2%;
            margin: 0 auto;
            width: 80%;
            text-align: center;
            border-radius: 5px;
        }

        .tel-link a{
            color: #fff;
            text-decoration: none;
            font-size: 1.5em;
            display: block;
        }

        .hours{
            margin-left: 10%;
        }

        h1{
            text-align: center;
        }

        ul{
            list-style: square;
        }

        footer p{
            font-size: 0.75em;
            text-align: center;
            color: #fff;
            padding: 0 1em;
        }

        footer p a{
            color: #fff;
            text-decoration: none;
        }

        #Racoons{
            margin: 0 2%;
        }

        .round {
            border-radius: 8px;
        }

        #contact{
            text-align: center;
        }

        #contact a{
            color: #666600;
            text-decoration: none;
        }

        #contact .contact-email-link{
            color: darkred;
            text-decoration: none;
        }

        .map{
            border: 2px solid #000;
            width: 95%;
            height: 50%;
        }

        h2{
            text-align: center;
        }

        .action{
            font-size: 1.35em;
            color: #666600;
            font-weight: bold;
        }