html{
    font-family: 'Archivo Narrow', sans-serif;
    line-height: 1.4;
}
.panel{
    background-color: rgba(0,255,0,0.2);
}

.contentarea{
background-color: rgba(255,0,0,0.2);
width: 960px;
margin-left: auto;
margin-right: auto;
padding-top:20px;
padding-bottom: 40px;
padding-left: 0;
padding-right: 0;
}

#main{
   background-color: lavender; 
}

#intro{
    background-image: url(images/bagel6.jpg);
}

#main h3{
    margin-top: 20px;
    margin-bottom: 35px;
}

#main p{
    text-align: left;
    line-height: 1.4;
}

#text2{
    margin-top:0;
}

#main .contentarea p{
    margin: 0;
    font-size: 18px;
    margin-bottom: 15px;
}

#main .contentarea img{
    width: 400px;
    height:300px;
}


#main img{
    float: right;
    padding-left: 40px;
    padding-bottom: 20px;
}

#intro .contentarea{
    text-align: center;
}

h1{
font-size: 80px;
margin: 0;
margin-top: 130px;
}
h2{
    font-size:30px ;
    margin: 0;
    line-height: 1.3;
    margin-top: -6px;
    margin-bottom: 140px;
}


h3{
    text-align: center;
    font-size:  40px; 
    margin:0;
    margin-top: 20px;
}

#grid{
    background-color: lightpink;
}

#grid h3{
    padding-bottom: 35px;
}

#grid strong {
    display: block;
    font-size: 20px;
    margin-bottom: 5px;
}

#grid p{
    font-size: 18px;
    margin: 0;
}

.panel li img{
    float: left;
    width:200px;
    height:150px;
    margin-right: 13px;
}

.panel ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns:1fr 1fr;

}

.panel li{
    margin: 0;
    padding: 0;
    clear: both;
    padding-bottom: 23px;
    padding-right: 35px;
}


#conc p{
font-size: 27px;
text-align: center;
margin-left: 125px;
margin-right: 125px;
line-height: 1.3;
}

#conc h3{
    padding-bottom: 5px;
}

#conc{
    background-color: lightskyblue;
}

#footer p{
font-size: 18px;
padding-left: 15px;
padding-top: 40px;
}