body{
    font-family:sans-serif;
    color: #1b281b;
    line-height: 1.5;
  
}

header{
   display: flex;
   justify-content: space-between;
}

.primary-navigation a{
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: 1.4rem;
}


.primary-navigation ul{
    display: flex;
    padding: 0;
    gap: 20px;
    list-style:none;
}

a{
    color: #7AAB6C;
}

a:hover,
a:focus-visible{
    color: #5f9b9f;
}

h1{
    text-align: center;
    font-size:4.5rem;
    line-height: 1.1;
    @media (width > 660px) {
        font-size: 7.5rem;
    }
}       

h2{
    color: #CB731C;
    font-size: 2.5rem;
}

h3{
    font-size: 1.75rem;
}

section{
    margin-block: 75px;
}

.background-img{
    background-image: url('../version_2/images/simple-steps.jpg');
    border: solid #0b4a5a 10px ;
    padding:10px;
    color: #fff ;
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
}

img{
    max-inline-size: 100%;
    display: block;
  
}

.wrapper{
    max-inline-size: 1000px;
    margin-inline: auto;
}

.two-coloumn-layout{
    display: grid;
    gap: 50px;
    @media (width > 660px) {
        grid-template-columns: 1fr 1fr;
       }
    
}

.teal-text{
    color: #087A98;
}

.teal-bg{
    background-color: #087A98;
    text-align: center;
    padding: 5px;
    border: #0b4a5a solid  4px;
    color: white;
}

.bottom-spacing{
    margin-block-end: 75px;
}

footer{
    text-align: center;
}