.cdp-copy-loader-overlay {
    display: none !important;
}
.wpulike {
    display: none !important;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}


body {
    background-color: #EAEAEA;
    color: black;
    font-family: 'Josefin Sans', 'Kumar One', 'Kumar One Outline', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    background-image: url(background.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

img {
    max-width: 100%;
}

.odstavec {
    display: flex;
    justify-content: center;
    margin-top: 2vh;
}

.aiovg-player-container {
    display: flex;
    justify-content: center;

}

nav img:hover{
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2); 
	 transition: transform .2s;
}
nav img {
  display: inline-block;
}

footer{
	display:none;
}

/* Desktop media */
@media only screen and (min-width: 901px) and (max-width: 8000px) {
    .mobil {
        display: none;
    }

    .desktop {
        display: block;
    }

    nav {
        margin-left: 25%;
    }
	.profil {
    display: flex;
    justify-content: center
}
	.citat {
    font-style: italic;
    text-align: center;
    font-size: 22px;
    margin: 0;
    padding: 0em;
    box-sizing: border-box;
    border-radius: 8px;
    width: 370px;
    height: auto;
    font-weight: 400;
    word-wrap: break-word;

    margin: 10%;
}
	.popis {
    width: 841px; 
    height: auto; 
    text-align: justify;
    font-size: 22px; 
    font-weight: 400; 
    word-wrap: break-word;
    font-style: normal;
}
	.iframe{
		width: 841px;
		height: 470px;
	}
	
.spisovatelepage {
    margin: 30px;
    padding: 40px;
}
	.fotkasloupec img{
		width: 100%;}

}

/* Mobile media */
@media only screen and (min-width: 240px) and (max-width: 900px) {
    .desktop {
        display: none;
    }
    .mobil {
        display: block;
    }
    nav {
        margin-left: 0%;
    }
		.citat{
	  font-style: italic;
    text-align: center;
    font-size: 13px;
    margin: 0;
    padding: 0em;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
    height: auto; 
    font-weight: 400;
    word-wrap: break-word;
    margin-top: 10%;
		}
.profil {
    justify-content: center
}
	.popis{
		width: 332px; 
		text-align: justify; 
		font-size: 15px; 
		font-weight: 400; 
		word-wrap: break-word;
	}
	.spisovatelepage {
    margin: 20px;
    padding: 35px;
}
	.fotkasloupec img{
		width: 100%;
	}
.wideo-wrapper{
		width:560px; 
		height:315px;
	}

	
	
	.profil {
        display: flex;
        justify-content: center;
        flex-direction: row; /* Optional: ensures horizontal layout */
 
    }

    .fotkasloupec, .infosloupec {
        flex: 1;
    }
}