@font-face {
    font-family: 'Body';
    src: local('Body Grotesque Bold'), local('Body-Grotesque-Bold'),
        url('BodyGrotesque-Bold.woff2') format('woff2'),
        url('BodyGrotesque-Bold.woff') format('woff'),
        url('BodyGrotesque-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }

@import url('https://fonts.cdnfonts.com/css/antonio');

body {
    margin: 0;
    padding: 0;
    font-family: 'Body',sans-serif;
    font-size: 1.8vw; /* Set font size relative to viewport width */

    color:#FFFFFF;
    background-color: #191919;
    line-height: 1.2; /* Adjust the line height as needed */


}

#studie {font-family:Times New Roman;
	font-size:1.1vw;}


h1 	{
	font-family:'Antonio', Arial;
	font-size:4.0vw;
	text-align:center;
	padding:0;
	margin:0;
	}

.pom 	{   
	color: #5E17EB;
	display: inline;
	}

h3 {
	font-family: Helvetica, Arial, sans-serif;	
	color:#FEB3EB;
	padding-bottom:0;
	margin-bottom:0;
	font-size:1.75vw;

}

h2 {
font-family: Times New Roman;
font-size:1.3vw;

}

.container {
transform: scale(0.87); /* Zoom to 91% of the original size */
    transform-origin: 0 0; /* Set the origin to the top-left corner */
    display: flex;
            margin: 0 auto;
            max-width: 1400px; /* Uděláme kontejner dvakrát širší */
            padding: 20px;
	    padding-left:10%;
}

.content {
    	flex: 1.35;
    	padding: 20px;
padding-right: 40px;
}

.wide-image {
    max-width: 100%; /* Set the max width to 100% of the parent container (content area) */
    height: auto; /* Maintain the image's aspect ratio */
    display: block; /* Remove any default inline spacing */
    margin: 0 auto; /* Center-align the image horizontally */
}

.qr {
    max-width: 20%;
	display:block;

}

.photo-strip {
    flex: 0.9;
    background-color: #5E17EB;
    padding: 2%; /* 2% padding to make it slightly wider */
}

.centered-text {
    text-align: left;
    margin: 0 auto;
}

.strip-container img {
    max-width: 100%;
    height: auto;
padding-top:20px;
}


/* Add additional CSS styles as needed for your design */



.strip-container {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center-align the content horizontally */
}

.photo-item {
    text-align: right; /* Center-align the content */
}

.photo-description {
    font-size: 1.1vw; /* Set the font size for descriptions to your desired size */
    color: white; /* Choose a color for the description text */
    margin-top:0px;
}

.navigace { font-size: 1.3vw;

}