/*
Author:Sara Goulart
Date 10/15/22
File Name: styles.css
*/

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

/* Style rule for body & images */
img {
    
    max-width: 100%;
    display: block;
}

/*Style Rules for mobile viewport */
mobile {
  display:block;
}

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


/*Style Rules for header area*/
h1 {
  text-align: center;
  font-family: 'Emblema One', cursive;
  padding: 2%
}
h3 {
  text-align: center;
  font-family: 'Lora', serif;
  padding: 2%
}
body {
 background-color:#f6eee4 ;
}

/* Style rules for navigation area */
nav {
  background-color: #2a1f14;
}

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

nav li {
  display: inline-block;
  font-size:1.5em;
  font-family: geneva,Arial,sans-serif;
  font-weight: bold;
}
nav li a {
  display: block;
  color: #f6eee4;
  text-align: center;
  padding:0.5em 2em;
  text-decoration: none;
}

/* Style rules for main content*/
main {
  padding: 2%;
  font-family: 'Lora', serif;
}

main p {
 font-size:1.25em; 
}

main h3 {
  padding-top: 2%;
}

main ul {
  list-style: Square;
}

.link { 
  color: #4d3319;
  text-decoration: none;
  font-style: italic;
  
}
  
.action {
  font-size: 1.75em;
  font-weight: bold;
  text-align: center;
}

#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%;
}

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