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

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

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

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

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


header{
    text-align:center;
    background-position:center;
    background-size: cover;
    padding-top:166px;
    padding-bottom: 187px;
    background-image: url(../images/blue.jpg);
}


body{
    color:rgb(219, 219, 214);
}

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

section.intro{
    padding-top:41px;
    padding-bottom:39px;
    background-color:rgb(209, 197, 34);
    
}


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


section.grid{
    padding-top:41px;
    padding-bottom:52px;
    background-color:rgb(27, 27, 105)
}

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

ul{
    display:list-item;
}


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

.text h4{
    font-size:20px;
    text-align:left;
    margin-bottom: 8px;
}

.text h5{
    font-size:18px;
    font-weight:normal;
    margin-top:5px;
    max-width:88%;
    line-height:25px;
    
}

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

div{
    display:block;
}

section.centered{
    padding-top:39px;
    padding-bottom:101px;
    background-color:rgb(128, 143, 144);
}

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

p.footer{
    padding-top:40px;
    padding-bottom:55px;
    margin-bottom: 0px;
}

section.footer{
        background-color:rgb(168, 34, 3)
}