html{
    font-family: "Archivo Narrow", sans-serif;
    font-optical-sizing: auto;
}

header{
    text-align:center;
    padding-top:166px;
    padding-bottom: 188px;
    background-color:rgba(121, 147, 121, 0.5);
    background-image: url(../images/sandy-shore.jpg);
    background-position:center;
    background-size: cover;
}

p{
    margin:0;
    line-height:1.4;
    font-size:18px;
    display:block;
    margin-bottom:16px;
}

div{
    display:block;
}

div.photo img{
    width:200px;
    height:150px;
    display:block;
    object-fit: cover;
}

section > div{
    width: 960px;
    margin:auto;
}

h1 {
   margin:0; 
   font-size:80px;
   line-height:1;
   color:white;
   text-shadow:0px 1px 4px rgba(0,0,0,0.5);
}

h2{
    margin:0;
    margin-top:16px;
    font-size:30px; 
    line-height:1;
    text-shadow:0px 1px 4px rgba(0,0,0,0.5);
    color:white;
}


h3{
    margin:0;
    text-align:center;
    font-size:40px;
    margin-bottom: 32px;
    display:block;
}

h4{
    display: block;
    margin-block-start: 0em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

.text h4{
    font-size:20px;
    text-align:left;
    margin-bottom: 8px;
    color: rgb(21, 53, 45)
}

.text h5{
    font-size:18px;
    margin-top:2px;
    max-width:88%;
    line-height:25px;
    font-weight:normal;
    color: rgb(21, 53, 45)
}

section.one{
    padding-top:40px;
    color: white;
    background-color:rgb(21, 53, 45);
    padding-bottom:40px;
}

section.one img{
    width:400px;
    height:300px;
    float:right;
    margin-left: 40px;
    margin-bottom:30px;
}

section.two{
    padding-top:40px;
    background-color:rgb(201, 214, 241);
    padding-bottom:52px;
}

.two h3{
    margin-top: 5px;
}

section.three{
    padding-top:32.5px;
    background-color:rgb(21, 53, 45);
    padding-bottom:100px;
    color: white;
}

section.footer{
     background-color:rgb(35, 34, 44)
}


.grid{
    display:grid;
    grid-template-columns: repeat(2, 200px 256px);
    gap: 12px;
    row-gap: 9px;
    padding-top: 6px;
}

ul{
    display:list-item;
}

p.section3{
    font-size:26px;
    text-align:center;
    display:block;
    max-width:705px;
    margin:auto;
    line-height: 36px;
}

p.footer{
    padding-top:42px;
    padding-bottom:40px;
    margin-bottom: 0px;
    color: white;
}