*{  
    margin: 0;
    padding: 0;
}
.header{
height: 100vh;
width: 100%;
background: linear-gradient(rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.75)),url(reformed.jpg);   
background-position: center;
background-size: cover;
position: relative;
}
.nav{
display: flex;
padding: 2% 6%;
justify-content: space-between;
align-items:center;
}
nav img{
width: 100px;
}
.navigation{
flex: 1;
text-align: right;
display: block;
background-color: whitesmoke;
}
.navigation ul li{
list-style: none;
display: inline-block;
padding: 10px 15px;
position: relative;
}
.navigation ul li::after{
content:'';
width: 100%;
height: 2px;
display: block;
margin: auto;
}

.text-box{width: 90%;
color: whitesmoke;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align:center;
}
.text-box h1{
    font-size: 62px;
    font-family:'Times New Roman', Times, serif;
}

.text-box p{
    margin: 10px 0 40px;
    font-size: 30px;
}

.hero-btn{
    display: inline-block;
    text-decoration: none;
    color: whitesmoke;
    border: 1px solid #fff;
    padding: 12px 34px;
    font-size: 15px;
    background: transparent;
    position: relative;
    cursor: pointer;
}

.hero-btn:hover{
    border: 1px solid #f4433f;
    background: #f4433f;
    transition:1s;
}

span img{
    border:transparent;
    border-radius: 9px;
    padding: 1px;
    width: 200px;
    height: auto;
} 

div h1{ 
color: whitesmoke;
font-size: 50px;
text-align: center;
padding: 50px;
}
.div h1{
    color: whitesmoke;
    font-size: 50px;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    padding: 10px;
}
div p{
    color: whitesmoke;
    font-size: 25px;
    text-align: center;
    padding: 10px;
    font-family: 'Times New Roman', Times, serif;
}