* {
    margin: 0px;
    padding: 0px;
}

.section2 {
    background-image: url('WhatsApp Image 2026-02-25 at 1.36.50 PM.jpeg');
    background-position: center;
    background-repeat: no-repeat;
    height: 932px;
}

#agrologo2 {
    position: relative;
    font-size: 100px;
    font-weight: 100px;
    left: 140px;
    color: white;
    font-size: 30px;
    top: 100px;
    width: 150px;
}

#screen4-h2 {
    color: yellow;
    top: 100px;
    position: relative;
    left: 0px;
    font-size: 45px;
    text-align: center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

#para1 {
    color: white;
    top: 150px;
    position: relative;
    left: 0px;
    text-align: center;
     }
   #farmer { position: relative; top: 200px; left: 70px;   }
   #farmerbutton {  position: relative; top: 250px; left: -50px; width: 120px;
  height: 40px;
  border-radius: 10px; background-color: #FFD29A;
  font-family: Inter;
font-weight: 800;
font-style: Extra Bold;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;

; }
   #dealer {position: relative; top: 200px; left:40px;  }
   #dealerbutton{  position: relative; top: 210px; left: 250px; width: 120px;
  height: 40px;
  border-radius: 10px; background-color: #FFD29A;
  font-family: Inter;
font-weight: 800;
font-style: Extra Bold;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;}

#paradealer { position: relative; top: 290px;
    font-family: Manrope;
font-weight: 800;
font-style: ExtraBold;
font-size: 15px;
line-height: 20px;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
color: white;
 }
#button3 {  color: black;
    background-color: rgba(238, 192, 68, 1);
    top: 300px;
    position: relative;
    left: 150px;
    text-align: center; 
  width: 120px;
  height: 40px;
  border-radius: 10px;
}

/* iPhone 14 Pro Max (428px) */
@media (max-width: 430px) {
    .section2 {
        height: auto;
        min-height: 100vh;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #agrologo2 {
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        font-size: 24px;
        top: 40px;
    }

    #screen4-h2 {
        font-size: 32px;
        top: 60px;
        left: 0;
    }

    #para1 {
        font-size: 14px;
        left: 0;
        top: 80px;
        padding: 0 20px;
    }

    #farmer, #dealer {
        position: static;
        margin: 20px auto;
        text-align: center;
    }

    #farmerbutton, #dealerbutton {
        position: static;
        margin: 15px auto;
        left: auto;
        top: auto;
        width: 100px;
        height: 35px;
        font-size: 14px;
        display: block;
    }

    #paradealer {
        top: 200px;
        padding: 0 20px;
        font-size: 13px;
    }

    #button3 {
        left: 50%;
        transform: translateX(-50%);
        top: 150px;
        width: 100px;
        height: 35px;
        font-size: 14px;
    }
}