*{
    margin: 0;
    box-sizing: border-box;
}
header{
    text-align: center;
}
ul{
   list-style: none;
   padding: 10px;
   text-align:  center;

}
.nav-btn{
    display: inline-block;
    width: 5%;
}
.logo{
    width: 20%;
    vertical-align: middle;
}
.logo img{
    width: 66.81px;
    height: 79.38;
}
body{ font-family: "Roboto","sans-serif";
}
.nav-link{ font-size: 13px;
    text-decoration: none;
    color: black;
    font-weight: 500;
    letter-spacing: 2px;
}
#sec01{
    background-image: url(https://preview.colorlib.com/theme/rooftop/img/header-bg.png);
    height: 78vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
   
}
#roof{
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#roof p{
    font-family: "Playfair Display","Serif";
    font-size: 72px;
    font-weight: 500;
    letter-spacing: 10.8px;
    color: white;
}
HR{ border: 0;
border-bottom: solid 1px white;
margin: 16px 0;
}
#roof span{ font-size: 18px;
    text-transform: uppercase;
    color: white;
    font-weight: 400;
    line-height: 1.7;
    padding: 8px 0;

}