* {
			box-sizing: border-box;
			scroll-behavior: smooth;
			}
			
		
		.body { 
			min-width: 100vw; 
			background-color: #3F475E;
			font-size: 100%;
			}
		
		.main {
			font-family: monospace;
			color: black;
			font-size: 100%;
			}
			
		.section {
			display: flex;
			flex-direction:row;
			flex-wrap: wrap;
			border-bottom-style: solid;
			}
			
		.aside {
			flex: 20%;
			height: 100vh;
			background-color: #3F475E;
			font-size: 100%;
			text-align: left;
			padding-left: 2%;
			padding-top: 3%;
			background-image: url("border.jpeg");
			border-right-style: solid;
			}
			
		.bside {
			flex: 80%;
			height: 100vh;
			display: flex;
			flex-direction: column}
		
		.article {
			flex: 90%;
			text-align: left;
			padding-left: 10%;
			padding-top: 10%;
			padding-right: 30%;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			}
		
		.floor {
			flex:10%;
			display: flex;
			flex-direction: row-reverse;
			flex-wrap: wrap;
			}
			
		.nv {
			flex: 20%;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			justify-content: left;
			align-items: flex-start;
			padding-top: 3%;
			border-right-style: solid;
			}
			
		.header {
			flex: 80%;
			display: flex;
			flex-direction:column;
			flex-wrap: wrap;
			height: 100vh;
			background-color: #3F475E;
			padding-left: 5%;
			padding-top: 5%;
			text-align: left;
			color: white;
			}
		
		.webtitle1 {
			font-size: 400%;
			}
		
		.webtitle2 {
			font-size:200%;
			}
			
		.img-page {
			flex: 100%;
			max-width: 100%;
			}
		
		.a:link,.a:visited {
			text-decoration: none;
			}
			
		.button:link,.button:visited {
			border: none;
			color: white;
			padding: 2% 5%;
			text-align: center;
			margin: 2%;
			text-decoration: none;
			font-size: 100%;
			cursor: pointer;
			display: inline-block;
			}
			
		.button1 {
			background-color: #2C3848;
			}
			
		.button2 {
			background-color: #394555;
			}
		
		.button-top:link, .button-top:visited {
			flex: 0 0 5%;
			padding: 2% 2%;
			background-color: #2C3848;
			font-size: 90%;
			border: none;
			color: white;
			text-align: center;
			margin: 5%;
			text-decoration: none;
			cursor: pointer;
			display: inline-block;
			}
			
		.bandcamp {
			flex: 10%;
			}

		
		#uvod {
			}
			
		#kdyakde {
			background-color: #D1C7BC;
			}
			
		#rozhovorVaA {
			background-color: #646A85;
			}
		
		#oinstalaci {
			background-color: #D1C7BC;
			}
			
		#kdojsme {
			background-color: #646A85;
			}
			
		#kontakt {
			background-color: #D1C7BC;
			}
		
		#newsletter {
			background-color:#646A85;
			}
		
		#podpornas {
			background-color: #D1C7BC;
			}
			
		
		.img-in-text {
			max-height: 40%;
			max-width: 40%;
			object-fit: contain;
				}
		
		@media (max-width: 800px) {
			.header {
				flex: 100%;
			}
			
			.aside {
				flex:100%;
				height: 10%;
				border-right-style: none;
				border-bottom-style: solid;
			}
			.article {
				flex:100%;
				height: 85%;
			}
			
			.bside {
				flex:100%;
				height: 100%;
			}
			
			.floor {
				flex: 100%;
				height:5%;
			}
			
			.nv {
				flex: 100%;
				flex-direction:row;
			}
		}