.conference-hero{
    max-width:1400px;
    margin:2rem auto;
    padding:0 5%;
}

.conference-hero img{
    width:100%;
    max-width:700px;
    display:block;
    margin:auto;
    border-radius:18px;
    box-shadow:0 10px 25px rgba(0,0,0,.18);
}

.conference-title{
    max-width:1200px;
    margin:3rem auto;
    padding:0 5%;
    text-align:center;
}

.conference-title h1,
.conference-title h2{
    line-height:1.5;
    margin-bottom:1rem;
}

.conference-title span{
    color:#0f24da;
}

.conference-description{
    max-width:1100px;
    margin:auto;
    padding:0 5%;
}

.conference-description p{
    text-align:justify;
    line-height:1.8;
    margin-bottom:1.8rem;
}

.conference-organizers-title{
    background: rgb(193, 18, 193);
    color:white;
    text-align:center;
    padding:14px;
    margin:4rem 0 2rem;
    max-width:950px;
    margin-left: auto;
    margin-right: auto;
}

.conference-organizers-title h2{
    margin:0;
    font-size:1.7rem;
    letter-spacing:1px;
}

.conference-organizers{

    max-width:1200px;
    margin-left: auto;
    margin-right: auto;
    padding:0;
    margin-bottom: 0;
}

.organizers-row{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:5rem;
    margin-bottom:3rem;
}

.organizers-row img{
    max-width:220px;
    max-height:120px;
    width:100%;
    object-fit:contain;
    transition:.3s;
}

.organizers-row img:hover{

    transform:scale(1.08);
}


@media (max-width:768px){

.conference-title h1{
font-size:1.8rem;
}

.conference-title h2{
font-size:1.3rem;
}
}

@media (max-width:900px){

    .organizers-row{
        flex-wrap:wrap;
        gap:2rem;
    }

    .organizers-row img{
        max-width:180px;
    }

}

/*wariant 5*/

.footer-ieee {
    background:#c2e3d4;
    border-top: 4px solid #003366;
    margin-top: 60px;
    padding: 45px 20px;
    
    width: 100%;
    /*max-width:950px;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    margin-top: 0;
}

.footer-wrapper {
    max-width: 1100px;
    margin: auto;
}

.footer-title {
    text-align: center;
    font-size: 1.7rem;
    font-weight: 700;
    color: #003366;
    letter-spacing: 1px;
}

.footer-line {
    width: 120px;
    height: 3px;
    background: #003366;
    margin: 20px auto 35px;
}

.footer-content {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 30px;
    text-align: center;
}

.footer-content p {
    margin: 0;
    line-height: 1.7;
    min-width: 220px;
}

.footer-bottom {
    text-align: center;
    margin-top: 40px;
    font-size: 0.95rem;
    color: #666;
    letter-spacing: 0.5px;
}

@media (max-width: 768px) {

    .footer-content {
        flex-direction: column;
    }

    .footer-title {
        font-size: 1.45rem;
    }

}

/* ===========================
   PROGRAM BUTTON
=========================== */

.program-btn{

    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px 26px;
    background:#d63031;
    color:#fff;
    border-radius:30px;
    text-decoration:none;
    font-weight:700;
    letter-spacing:.5px;
    transition:.3s;
    animation:programPulse 2.2s infinite;
}

/* Hover */

.program-btn:hover{
    background:#b71c1c;
    color:white;
    animation:none;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(214,48,49,.35);
}

/* Kliknięcie */

.program-btn:active{
    transform:scale(.97);
}

/* Animacja */

@keyframes programPulse{

    0%{
        transform:scale(1);
        box-shadow:0 0 0 rgba(214,48,49,0);
    }

    50%{
        transform:scale(1.05);
        box-shadow:0 0 18px rgba(214,48,49,.45);
    }

    100%{
        transform:scale(1);
        box-shadow:0 0 0 rgba(214,48,49,0);
    }

}

@media (max-width: 900px){

    .program-btn{
        width:100%;
        margin-top:8px;
        padding:14px;
        animation:none;
    }
}