/* General For All
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

body{font-family: 'Roboto', sans-serif;}
img{max-width: 100%;}

nav {background-color: #fcea92;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-around;
width: 100%;
height: 80px;
align-items: center;}
nav a {color: #0c593d; font-weight: 700; text-decoration: none;}
nav a:hover {color:black;}
header {text-align:center; margin-top: 40px; margin-bottom: 40px;}

section {display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-around;}
article {height: 500px; text-align: center; padding-top: 200px; box-sizing: border-box;}
h1 {color: white; font-size: 2em; font-weight: 700;}
.left {width: 50%;
background-image: url(images/homepage-taco.jpg);
background-size: cover;}
.right {width: 50%;
background-color: #d85043;}

main {width: 100%; max-width: 500px; margin: auto; margin-top: 40px; margin-bottom: 40px;}
footer {display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-around;
background-image: url(images/footerbg.jpg); height: 300px; background-size: cover; padding-top: 50px; box-sizing: border-box;}
aside {}
.center {text-align: center;}



/* Tablet
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (min-width: 501px) and (max-width: 900px) {
 body {}


}
/* Mobile
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 500px)
{
 body {}

    
    article {height: 250px; padding-top: 100px;}
    section {flex-direction: column;}
    .left, .right {width: 100%;}
    footer {flex-direction: column; text-align: center;}
}