body{
    background-color: #000;
   font-family: 'IBM';
    font-weight: 450;
    color: white;
}
.header_button{
    background-color:#FFFAF0 ;
    color: #000;
}
.hero{
    align-items: center;
}
.header_title{
    margin-bottom: 40px;
}
.hero_project{
    color: #000;
    background-color: #FFFAF0;
}
.footer{
    border-top: 1px solid white;
}
.header_link{
    color: white;
}
.footer a{
    color: #ffffff;
}
@media (max-width: 1215px){
 .main_sec{
    padding-right: 15px;
 }

}
@media (max-width: 1050px){

 .hero{
    flex-direction: column;
}
.hero_bg{
    margin-top: 30px;
}
}
@media (max-width: 768px){
.header_title {
    margin-bottom: 20px;
}
.header_button{
    width: fit-content;
    font-size: 14px;
}
}
@media (max-width: 420px){
.hero_bg2{
    max-height: 240px;
}
}