@media only screen and (max-width: 1000px) {

	#logo img {
		width: 200px;
		top: 70px;
		left: 56%;
	}

	#logo1 img {
		width: 200px;
		top: 70px;
		left: 56%;
	}

	.background-img {
		background-size: cover;
		background-position: top;
		height: 100vh;
	}

	.gap p {
		padding:0 12px ;
	}

	.aboutme-photo {
		margin: 0 auto;

	}

	nav {
		width: fit-content;
		margin: 0 auto;
	}
	
	
	nav ul {
		margin-top: 2%;
		margin-right: 10px;
    	padding: 10px 0;
	}

	.font-aboutme {
		margin-left: 13px;
		margin-right: 13px;
	}
	
	h4 {
		margin-left: 13px;
		margin-right: 13px;
	}
}

@media only screen and (max-width: 980px) {
	.border-line {
		height: 370px;
		
	}
	
}
	

@media only screen and (max-width: 850px) {


	

	#logo img {
		width: 170px;
		top: 50px;
		left: 58%;
	}

	#logo1 img {
		width: 150px;
		top: 60px;
		left: 56%;
	}
	.hiden1 img {
		display: none;
	}

	
	.span-1-of-2 {
		text-align: center;
		width: 100%;
		
	}
	
	.span-1-of-3 {
		width: 50%;
		margin: 0 auto;
	}

	.cti_vic-tlacitko a {
		float: none;
		text-align: center;
	}

	.cti_vic-tlacitko {
		text-align: center;
		margin-bottom: 30px;
	}

	.list{
		margin: 0 12px;   
	}

	.odstavce2 {
		padding: 2% 8%;
	}

	.span-1-of-4 {
		width: 49.2%;
	}	

	nav ul {
		margin-top: 2%;
		margin-right: 0px;
		padding: 6px 4px;
	}

	nav ul li {
		padding:0 7px;
		}
	
	nav ul li a {
	font-size: 18px;	
	}

}

@media only screen and (max-width: 650px) {

	.hiden2 {
		display: none;
	}
 
	.nohiden {
		max-width: 50%;
		margin: 0 25%;
	
		
		
	}
	
	.nohiden img.col.span-1-of-3 {		
		width: 100%;
		border-radius: 100%;
	
		
	}


	.right-img img {
		max-width: 350px;
		text-align: center; 
		
	}

	#logo img {
		width: 150px;
		top: 50px;
		left: 60%;
	}

	#logo1 img {
		display: none;
	}
}


.clearfix:after {
    content: "";
    display: table;
    clear: both;
}