/*
    Student Name: MZ
    File Name: CHP 4 LAB 2 CSS STYLE SHEET
    Date: 9/18/2023
    */

    /*CSS Reset*/ body, header, nav, main, footer, h1, div, img, h1, h3, ul {
        margin:0;
        padding:0;
        border:0;
    }
    
/*Style rules for body and images*/ 
    body{
        background-color: #f6eee4;
        }
    
    img {
        max-width:100%;
        display:block;
        }  
        
/*Style rules for mobile viewport*/


/*Style rules to show mobile class and hide tab-desk class*/
        .tab-desk {
        display:none;
        }

/*Style rules for header area*/
    header h1 h3 {
        padding:2%;
        text-align:center;
       }


/*Style rules for navigation area*/
    nav {
        background-color: #2a1f14;    
        }
    nav ul {
        list-style-type: none;
        text-align:center;
        }
        
    nav li{
        border-top: solid 0.5px #f6eee4;
        display: block;
        color: #f6eee4;
        padding: 0.5em 2em;
        text-decoration: none
    }        


/*Style rules for main content*/
    main{
        padding: 2%;
        font-family: Verdana, Arial, sans-serif;
    }
    main p{
        font-size:1.25em;
    }
    main h3{
        padding: 2%;
    }
    main ul{
        list-style-type: square;
    }
    .external link {
        color: #4d3319;
        text-decoration:none;
        font-weight:bold;
        font-style:italic;
     }
     
     .action {
         font-size:1.75em;
         font-weight: bold;
         text-align:center;
     }
    
    .round {
        border-radius:6px;
    }
    
    #info ul {
        margin-left: 10%;
    }
    
    #contact {
        text-align:center;
    }
    
    .tel-link {
        background-color: #2a1f14;
        padding: 2%;
        width: 80%;
        margin: 0 auto;
    }
    
    .tel-link a {
        color: #f6eee4;
        text-decoration: none;
        font-weight:bold;        
    }
    
/*Style rules for footer content*/
footer {
    text-align:center;
    font-size: 0.85em;
    background-color:#2a1f14;
    color: #f6eee4;
    padding: 1% 0% 0%;
    }

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