body {
	/*background-image: url(assets/comp/web_bcg.png);*/
	background-color: #F0A51B;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

.kontaktni_informace {
	width: 40%;
	background-repeat: no-repeat;
	/*display: block;*/
	/*margin-top: 2.1vw;*/
	text-align: center;
	display: flex;
    flex-direction: column;
	justify-content: center;
	align-items: center;
    gap: 1vw; /* Mezery mezi ikonou a textem */
    margin-bottom: 1.5vw; /* Mezery mezi jednotlivými informacemi */
}

.k_informace {
	font-family: ProximaBold;
	font-size: 1.25vw;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	/*margin-bottom: 0.13vw;
	margin-left: 0.26vw;*/
}

.kontakt {
	width: 50%;
	/*padding-top: 2.1vw;
	padding-right: 2.1vw;*/
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
}

#kontaktni_formular {
    width: 50%;
    margin: 2.1vw auto 2.1vw auto;
    padding: 1.5vw;
	justify-content: center;
    /*background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
}

#kontaktni_formular input,
#kontaktni_formular textarea,
#kontaktni_formular button {
    width: 100%; /* Všechny prvky budou mít stejnou šířku */
    box-sizing: border-box; /* Zajistí, že padding a border se započítají do šířky */
}

#kontaktni_formular input,
#kontaktni_formular textarea {
    padding: 0.8vw;
    margin-bottom: 1.2vw;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1vw;
    font-family: 'Raleway', sans-serif;
}

#kontaktni_formular button {
    padding: 1vw;
    background-color: white;
    color: #F0A51B;
    border: none;
    border-radius: 4px;
    font-size: 1.2vw;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
}

#kontaktni_formular button:hover {
    background-color: #F0A51B;
    color: white;
}

/*footer {
	position: absolute;
	bottom: 0;
}*/

 @media (orientation: portrait) {
	.kontakt {
        width: 100%;
        padding: 5vw 0;
        display: flex;
        flex-direction: column; /* Vertikální uspořádání */
        align-items: center; /* Horizontální zarovnání na střed */
        gap: 5vw; /* Rovnoměrné mezery mezi prvky */
    }
 	.k_informace {
 		font-size: 4.44vw;
 	}
 	.kontaktni_informace {
        width: 90%; /* Zajistí, že prvky nebudou přesahovat obrazovku */
        text-align: center; /* Zarovnání textu na střed */
        display: flex;
        flex-direction: column; /* Vertikální uspořádání obsahu */
        justify-content: center; /* Vertikální zarovnání */
        align-items: center; /* Horizontální zarovnání */
        gap: 1vw; /* Rovnoměrné mezery mezi ikonou a textem */
    }
 	body {
 		height: 100vh;
 	}
    #kontaktni_formular {
        width: 90%;
        margin: 5vw auto;
        padding: 3vw;
    }
    #kontaktni_formular input,
    #kontaktni_formular textarea {
        font-size: 4vw;
        padding: 2vw;
    }
    #kontaktni_formular button {
        font-size: 4.5vw;
        padding: 2.5vw;
    }
 }