@media screen and (max-width:600px){
 body{
background-image: 
url("images/architecture/pexels-francesco-ungaro-4322027.jpg"),
url("images/cars/pexels-artem-saranin-1685111.jpg"),
url("images/food/pexels-valeria-boltneva-842571.jpg"),
url("images/architecture/pexels-guillaume-meurice-2815033.jpg"),
url("images/gym/pexels-cottonbro-4761779.jpg"),
url("images/nature/pexels-eberhard-grossgasteiger-1699020.jpg"),
url("images/portrait/pexels-dillon-kydd-5794559.jpg"),
url("images/nature/pexels-eberhard-grossgasteiger-1366909.jpg"),
url("images/food/pexels-rajesh-tp-1633525.jpg"),
url("images/portrait/pexels-steshka-willems-4536190.jpg");
overflow: hidden;
height: 100vh;
background-size: cover;
margin: 0;
display: flex;
flex-direction: column;
justify-content: space-around;
font-family: 'Quattrocento Sans', sans-serif;
animation: change-background 40s;
animation-iteration-count: infinite;
animation-direction: alternate-reverse;
animation-timing-function: ease-in-out;
}

@keyframes change-background{
    0% {
      background-image: url("images/architecture/pexels-adrien-olichon-3137038.jpg");
    }
    20% {
        background-image: url("images/cars/pexels-artem-saranin-1685111.jpg");
    }
    30% {
        background-image: url("images/food/pexels-valeria-boltneva-842571.jpg");
    }
    40% {
        background-image: url("images/architecture/pexels-guillaume-meurice-2815033.jpg");
    }
    50% {
        background-image: url("images/gym/pexels-cottonbro-4761779.jpg");
    }
    60% {
        background-image: url("images/nature/pexels-eberhard-grossgasteiger-1699020.jpg");
    }
    70% {
        background-image: url("images/portrait/pexels-dillon-kydd-5794559.jpg");
    }
    80% {
        background-image: url("images/nature/pexels-eberhard-grossgasteiger-1366909.jpg");
    }
    90% {
        background-image: url("images/food/pexels-rajesh-tp-1633525.jpg");
    }
    100% {
        background-image: url("images/portrait/pexels-steshka-willems-4536190.jpg");
    }
  }

.categories{
text-align: center;
list-style: none;
margin-top: 80px;
padding: 0;
line-height: 2em;
}
.menu-items{
    color: white;
    text-decoration: none;
    font-size: 23px;
}
.company-name-header{
    text-align: center;
    color: whitesmoke;
    width: 70vw;
    margin: 0 auto; 
    font-size: 3.5em;
}
.company-logo-header{
    width: 100px;
}
.contact-home{
    margin-top: 50px;
    text-align: center;
}
.contact-home-class{
    color: white;
    text-decoration: none;
    border: 2px solid white;
    padding: 6px; 
}
.contact-home-class-number{
    color: white;
    text-decoration: none;
    border: 2px solid white;
    padding: 6px; 
    display: block;
    margin: 0 auto;
    margin-top: 7px;
    width: 35vw;
}
.socials{
    text-align: center;
    margin-top: 30px;
}
.social-icons{
    width: 1.7em;
    margin: 5px;
}


}









@media screen and (min-width:600px){
body{
background-image: 
url("images/architecture/pexels-peter-olexa-3875821.jpg"),
url("images/architecture/pexels-cottonbro-4937197.jpg"),
url("images/architecture/pexels-rok-romih-3312671.jpg"),
url("images/architecture/pexels-longxiang-qian-1849115.jpg"),
url("images/cars/pexels-charles-kettor-1077785.jpg"),
url("images/cars/pexels-albin-berlin-919073.jpg"),
url("images/culture/pexels-min-an-1313814.jpgu"),
url("images/food/pexels-rajesh-tp-1600711.jpg"),
url("images/gym/pexels-leon-ardho-1552242.jpg"),
url("images/portrait/pexels-spencer-selover-428364.jpg");
overflow: hidden;
height: 100vh;
background-size: cover;
margin: 0;
display: flex;
flex-direction: column;
justify-content: space-around;
font-family: 'Quattrocento Sans', sans-serif;
animation: change-background 40s;
animation-iteration-count: infinite;
animation-direction: alternate-reverse;
animation-timing-function: ease-in-out;
} 

@keyframes change-background{
    0% {
      background-image: url("images/architecture/pexels-peter-olexa-3875821.jpg");
    }
    20% {
        background-image: url("images/architecture/pexels-cottonbro-4937197.jpg");
    }
    30% {
        background-image: url("images/architecture/pexels-rok-romih-3312671.jpg");
    }
    40% {
        background-image: url("images/architecture/pexels-longxiang-qian-1849115.jpg");
    }
    50% {
        background-image: url("images/cars/pexels-charles-kettor-1077785.jpg");
    }
    60% {
        background-image: url("images/cars/pexels-albin-berlin-919073.jpg");
    }
    70% {
        background-image: url("images/culture/pexels-min-an-1313814.jpgu");
    }
    80% {
        background-image: url("images/food/pexels-rajesh-tp-1600711.jpg");
    }
    90% {
        background-image: url("images/gym/pexels-leon-ardho-1552242.jpg");
    }
    100% {
        background-image: url("images/portrait/pexels-spencer-selover-428364.jpg");
    }
  }

  .categories{
    text-align: center;
    list-style: none;
    margin-top: 80px;
    padding: 0;
    line-height: 2em;
    }
    .menu-items{
        color: white;
        text-decoration: none;
        font-size: 23px;
    }
    .company-name-header{
        text-align: center;
        color: whitesmoke;
        width: 70vw;
        font-size: 5em;
        margin: 0 auto; 
    }
    .company-logo-header{
        width: 100px;
    }
    .contact-home{
        margin-top: 50px;
        text-align: center;
    }
    .contact-home-class{
        color: white;
        text-decoration: none;
        border: 2px solid white;
        padding: 6px; 
    }
    .contact-home-class-number{
        color: white;
        text-decoration: none;
        border: 2px solid white;
        padding: 6px; 
        display: block;
        margin: 0 auto;
        margin-top: 7px;
        width: 35vw;
    }
    .socials{
        text-align: center;
        margin-top: 30px;
    }
    .social-icons{
        width: 1.7em;
        margin: 5px;
    }






}