/* Зареждане на шрифта AvantGardeGothicITC */
@font-face {
    font-family: 'AvantGardeGothicITC';
    src: url('fonts/AVG45.otf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('/fonts/BebasNeue%20Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {

    background-image:url('bg.png');
    color: #333;
    font-family: 'AvantGardeGothicITC', Arial, san-serif;
}



h1, h2, h3, h4, h5, h6 {
    font-family: 'Bebas Neue', Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #222; 
}

header {
    width: 100%; /* На мобилни устройства ширината ще е 100% */
    max-width: 1200px; /* Запазва максималната ширина на големи екрани */
    margin: auto;
} 

header img {
    max-width: 100%; /* Изображението ще се мащабира пропорционално */
    height: auto; /* Запазва пропорциите на изображението */
    max-height:400px;
    display: block;
    margin: auto;
}

.tombola-head {
    background-image: url('usit-tombola-head.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-height: 300px; /* Минимална височина */
    display: flex;
    justify-content: center;
    align-items: center;
}

main {
	width: 100%; /* На мобилни устройства ширината ще е 100% */
    max-width: 1200px; /* Запазва максималната ширина на големи екрани */
    margin: auto;
    height:auto;
    min-height:1500px;
    background:#f7ebdf;
    background-image: url('mainbg.png'); /* Фоново изображение */
    background-size: cover; /* Изображението покрива целия контейнер */
    background-position: center; /* Центриране на изображението */
    background-repeat: no-repeat; /* Изображението не се повтаря */
    padding: 20px; /* Отстояние за съдържанието вътре в main */
    box-sizing: border-box; /* Padding няма да добавя допълнителна ширина */
}

main а {
	color:#A43943; 
}

main h1 {
	color:#A43A44;
	padding:30px; 
	text-align:center;
	font-family:'Bebas Neue', Arial, san-serif;

}

main h2 {
	color:#A43A44;
	padding:20px; 
	text-align:center;
	font-family:'Bebas Neue', Arial, san-serif;
}

main h3 {
	color:#A43A44;
	padding:10px; 
	text-align:center;
	font-family:'Bebas Neue', Arial, san-serif;

}

main .content {
	padding:30px;
} 

main img {
    transition: transform 0.3s ease; /* Анимация при задържане */
}

main img:hover {
    transform: scale(1.05); /* Леко уголемяване при задържане */
}


@media (max-width: 768px) { 
    .tombola-head {
        min-height: 300px; /* Намалена височина за мобилни устройства */
        background-size: contain; /* Осигурява, че цялото изображение се вижда */
    }

    header img {
        max-width: 90%; /* Ограничение на размера на изображението */
    }
}

@media (max-width: 480px) {
    .tombola-head {
        min-height: 300px; /* Още по-малка височина за много малки екрани */
    }

    header img {
        max-width: 80%; /* Допълнително намаляване на размера на изображението */
    }
}