body{
    background-color: rgb(237, 247, 249);
    margin: 0;
    font-family: "Work Sans", sans-serif;
    min-height: fit-content;
    padding: 0;
}

main{
    padding: 0 64px;
}

h1{
  font-size: 128px;
  font-family: "Doto", sans-serif;
  font-weight: 600;
  font-variation-settings: "ROND" 0;
  font-optical-sizing: auto;
  line-height: 0.9;
  margin: 128px 0 128px;
}


h2{
    border-bottom: 1px solid gray;
    padding-bottom: 4px;
    font-size: 23px;
    font-weight: 500;
    color: rgb(39, 39, 39);
    margin-bottom: 16px;  
    margin-top: 0;
    line-height: 1.4;
}

p{
    font-size: 16px;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 23px;

}

footer{

    margin-top: 3%;
    padding: 2% 0% 0 3% ;
    width: 97%;   
    height: 10vh;
    background-color: rgb(2, 6, 15);

}

.pg2ft{
    height: 100%; 
}

small{
    color: aliceblue;
    font-size: 12px;

}

a{
    color: aliceblue;
}

section{
    width: 35%;
    margin-bottom: 5%;
}

.row{
    display: flex;
    flex-direction: row;
    gap: 10%;
}

li, ul{
    text-decoration: none;
    list-style: none;
    padding: 0  ;

}


@media screen and (max-width: 1040px) {

main{
    padding: 0 23px;
}

.pg2ft{
    height: 600px;
} 

h1{
    font-size: 80px;
    margin-bottom: 46px;
    margin-top: 64px;
}



section{
    width: 90%;
}

footer{
    width: auto;
    height: 200px;

    
}

.row{
    flex-direction: column;
}

 }