header h1{
    /* width: calc(100% - 80px); */
    /* float: right; */
    text-align: center;
    /* line-height: 84px; */
   flex: 1;
   color: #000000;

}
header{
    padding:5px 20px;
    height: 84px;
    display:flex;
    align-items: center;
    background-color: #0644a1;
    color: #ffffff;
    padding: 30px;
    min-height: 70px;
    
    
}
nav ul{
    padding: 5px 20px;
    display: flex;
    gap: 30px;
    height: 30px;
    align-items: center;
    justify-content: right;
    background-color: rgb(59, 255, 232);
    
}
nav ul li{
    list-style: none;
    /* text-decoration-color: #000000; */
}

main{
    min-height: calc(100 vw - 30px - 84px);
    padding: 30px 20px 50px 40px;
    text-decoration: none;
    
}

div .container image{
    align-items: center;
    padding: 0;
    list-style: none;
     
}

.hero-text{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
  
}
 .Center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    justify-content: flex-end;
    padding: 20px 5px;
    
 }
body{
    
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 80%;

}
html{
    scroll-behavior: smooth;
}
p{
    
}
p{
        font-size: large;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 100;
}
.button{
    transition: 0.3s;

}
button:hover{
    transform:scale(1.05) ;
    list-style: none;
    text-decoration: none;
}
.container{
    /* width: 50%; */
    /* margin: auto; */
    overflow: hidden;
    text-align: left;
    padding: 5px 20px;
    font-size: 20px;
    /* text-size-adjust: 20% 20%; */
}
.hero-page{
    background-image: url("../images/image.jpg") no-repeat;
    text-align:left;
    background-size:cover;
    align-items: last baseline;
    text-decoration: none;
    
}
footer{
    text-align: center;
    align-items: center;
    background-color: #e8491d ;
    padding: 20px;
    margin-top: 20px;
    color: #ffffff;

}
/* #boxes .boxes{
    align-items: center;
    margin-top: 20px;
    text-align: center;
    padding: 20px;
    text-decoration: none; */




    
    

ol{
    list-style: none;
    margin: 0;
    padding: 20px 5px;
    text-align: center;
}