@media (max-width: 600px){
    nav li a{
        font-size: 14px;
        margin-left: 10px;
    }
    body h2{
        font-size:large;
    }
    body li{
        font-size: small;
    }
    h1{
        font-size: 18px;
    }
    .contactinfo img{
        width: 20px;
        height: 20px;
    }
}

html{
    min-width: 400px;
}

nav ul li a{
    text-decoration: none;
    color: rgb(78, 56, 36);
    font-family: poppins, sans-serif;
    font-weight: 600;
}
nav ul li{
    list-style-type: none;
    display: inline-block;
    margin-left: 10px;
}
nav ul {
    padding: 20px 40px;
    background-color: rgb(253, 230, 129);
    text-align: left;
}
nav{
    width: 100%;
}
header p{
    font-style: italic;
}
header{
    font-family: Impact, Haettenschweiler, 'Arial Narrow', sans-serif;
    text-align: center;
}
header h1{
    font-size: 2.5em;
    margin: 0;
    color: rgb(202, 118, 132);
}
.logo{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: 0;

}

body h2, p, li{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.contactinfo li{
    list-style-type: none;
    margin: 10px 0;
}
.contactinfo img{
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin: 5px;
}
.contactinfo a{
    text-decoration: none;
    color:rgb(78, 56, 36);
    padding: 5px;
}
.contactinfo{
    margin: 20px;
    padding: 10px;
}
.contactinfo h2{
    color:rgb(78, 56, 36);
}
/*put your hands up in the air put your hands up in the air
put all your hands up in the air
i've been suck it all up to being boss lady fsdf sd a */