@import url("https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200;300;400;500;600;700&display=swap");

body {
  margin: 0;
}

* {
  box-sizing: border-box;
  font-family: "Readex Pro", sans-serif;
}

.hom-slid {
  height: 100vh;
    height: 100dvh;
  background-image: url(./slid1.jpg);
  background-size: cover;
  background-position: center bottom;
}
.hom-abs {
  position: absolute;
  top: 50px;

  width: 100%;
  text-align: center;
}

.hom-abs h1 {
  color: #111;
  font-weight: 600;
  font-size: 40px;
  margin: 0;
  margin-bottom: 20px !important;
}

.hom-abs  img  {
    width: 200px !important;
    margin-bottom: 20px;
}


.hom-abs p {
    margin: 0 auto;
    max-width: 420px;
    padding: 0 20px;
    line-height: 1.7;

}

.hom-abs p a  {
    text-decoration: none !important;
    color: #000 !important;
}

@media only screen and (max-width: 600px) {
      .hom-abs h1   {
        font-size: 32px;
        margin-bottom: 20px !important;
        
    }
    
    .hom-abs img {
    width: 140px !important;
    }
    
    .hom-abs p  {
        line-height: 1.3;
        font-size: 15px;
    }
    
    .hom-abs  {
        top: 100px;
    }
    
  
    
}