@charset "UTF-8";

body{
font-family:Arial,Verdana,sans-serif;
font-size:1.4rem;
line-height:1.5;
}

li{
font-size:1.2rem;
}

.responsive-photo-90 {
display:block;
width:80%;
margin-right:auto;
margin-left:auto;
max-width:760px;
}

/*The two new media queries are listed below*/

/*MEDIA QUERY 1: Media query for viewports 960px and wider*/

@media (min-width: 960px) {

    h1 {
    font-size: 2.5rem;
    }

    article {
    width:950px;
    background-color:beige;
    min-height:480px;
    padding:5px;
     margin-left:auto;
    margin-right:auto;
    }

} /*END MEDIA QUERY 1*/

/*MEDIA QUERY 2: Media query for viewports 959px and narrower*/

@media (max-width: 959px) {

    h1 {
    font-size:1.5rem;
    }

    article {
    background-color:beige;
    min-height:480px;
    }

} /*END MEDIA QUERY 2*/