header{color:#000;padding:10px 0;margin:0}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:960px;margin:0 auto}.logo img{height:70px;width:200px}.nav-links{list-style:none;padding:0;display:flex}.nav-links li{margin-right:20px}.nav-links a{display:block;color:#000;text-align:center;padding:14px 16px;text-decoration:none;transition:background-color .3s;font-weight:700}.nav-links li a:hover{background-color:#a8a6a6;border-radius:15px}.notification{color:#000;border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-size:27px;margin-left:10px;font-weight:700}form{max-width:600px;margin:0 auto;padding:20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px}h1{font-size:24px;margin-bottom:20px;text-align:center}p{font-weight:700}label{font-weight:700}input[type="text"]{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px}button[type="submit"]{padding:10px 20px;background-color:#000;color:#fff;border:none;border-radius:5px;cursor:pointer}button[type="submit"]:hover{background-color:#252525}.tele{text-decoration:none;color:#000}.image-container{gap:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.image{width:650px}.image2{width:500px;height:250px}.image3{width:650px}.image4{width:650px}.tele{text-decoration:none;color:#000}#meu-formulario{display:none}body{background-color:#fff}.span{text-align:center}.button-container span{display:inline-block;margin-left:100px;font-weight:700}

@media screen and (max-width: 768px) {

    header{color:#000;padding:10px 0;margin:0}
    .navbar{display:flex;justify-content:space-between;align-items:center;max-width:960px;margin:0 auto}
    .logo img{height:70px;width:200px;margin-left: 100px;}
    .nav-links{list-style:none;padding:0;display:flex;margin-top: 40px;}
    .nav-links li{margin-right:20px}
    .nav-links a{display:block;color:#000;text-align:center;padding:14px 16px;text-decoration:none;transition:background-color .3s;font-weight:700}
    .nav-links li a:hover{background-color:#a8a6a6;border-radius:15px}
    .notification{color:#000;border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-size:27px;margin-left:200px;font-weight:700;margin-top: 50px;}
    form{max-width:600px;margin:0 auto;padding:20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px}
    h1{font-size:24px;margin-bottom:20px;text-align:center}
    p{font-weight:700}
    label{font-weight:700}
    input[type="text"]{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px}
    button[type="submit"]{padding:10px 20px;background-color:#000;color:#fff;border:none;border-radius:5px;cursor:pointer}
    button[type="submit"]:hover{background-color:#252525}.tele{text-decoration:none;color:#000}
    .image-container{gap:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
    .image{width:650px}
    .image2{width:500px;height:250px}
    .image3{width:650px}
    .image4{width:650px}
    .tele{text-decoration:none;color:#000}
    #meu-formulario{display:none}
    body{background-color:#fff}
    .span{text-align:center}
    .button-container span{display:inline-block;margin-left:100px;font-weight:700}

}