html{
    width: auto;
}
body{
    width: 100%;
}
*{
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}
.logo {
margin-right: 0; /* Remove default margin */
}

.header-ul {
margin-left: 60%; /* Remove default margin */
}

.header-ul li {
margin-left: 20px; /* Adjust spacing between list items */
}
button{
padding: 12px;
margin-left: 38%;
margin-bottom: 10px;
border-radius: 10px;
background-color: cornflowerblue;}
.para {text-align:center;}
.para img{
    width:250px; 
    height:200px;
}
.font{
    color: black;
    font-size:small;
    margin: 20px;
    border-radius: 10px;
}



h1 {
    text-align:center;}

@media screen and (max-width: 767px) { 
    .height{
        margin-top: 39px;
        text-align:center;
    }
}
@media screen and (min-width: 768px) { 
    .height{
       margin-top: 39px;
       text-align:center;
   }
}