@media screen and (max-width: 1920px){
	
}
@media screen and (max-width: 1793px){
	
}
@media screen and (max-width: 1665px){
	
}
@media screen and (max-width: 1537px){
	
}
@media screen and (max-width: 1441px){

}

@media screen and (max-width: 1281px){
	#menu a{
		font-size: 16px;
	}
	#menu .container{
		padding: 0;
	}
	#o_buranke .podklad {
		left: 20px;
		top: 20px;
	}

.nad, #o_buranke .podklad{
	width: 90%;
}

.pos{
	background-size: 50%;
}
.pos h4{
	font-size: 16px;
}
.pos p{
	font-size: 14px;
}
.mt{
	margin-top: 20px;
}

}
@media screen and (max-width: 1153px){
	.pt{
		padding-top: 80px;
	}
	a{
		font-size: 15px;
	}
	.pos{
		height: 301px;
	}
	#cd .podklad{
	width: 100%;
}

}

@media screen and (min-width: 992px){
	.mobile-logo{
		display: none;
	}
}

@media screen and (max-width: 1025px){
	.navbar{
		padding: 0;
	}
	#menu a{
		font-size: 18px;
	}
	p{
		font-size: 15px;
	}	

	.mtmy{
		margin-left: 10%;
		width: 90%;

	}
	
}
@media screen and (max-width: 992px){
	.dropdown-margin{
		margin-top: 40px!important;
	}
		#menu{
			height: 120vh;
			background-color: rgba(0, 0, 0, 0.3);	
			background-blend-mode: overlay;
	}
	#galeria .owl-next{
		right: -35px;
		top: 40%;
	}
	
	#galeria .owl-prev{
		left: -35px;
		top: 40%;
	}

	.logo{
		position: relative;
		top: 0px;
		padding: 20px;

	}

	.mycenter{
		text-align: center;
	}
	.logo_size{
		display: none;
	     }

	.podklad {
	 	width: 90%;
	 	left: 40px;
	}

	.fotka {
    	top: 20vh;
    	left: 40px;
    }

    #cd .podklad {
    	padding-top: 0;
    	top: 0 !important;
    }

    .mtmy {
    	margin-top: 4rem !important;
    }
}
@media screen and (max-width: 769px){
	#cd .podklad {
		left: 0;
		top: 0;
	}
	
	.mobile-logo{
		display: block;
	}

	.navbar{
		margin-top: 20px;
	}

	.pos{
		background-size: 35%;
	}
	.fotka {
    	top: 0;
    	left: 0;
    }

	#menu p {
		font-size: 24px;
	}

	h1 {
		font-size: 64px;
	}

	.mybr{
		display: block;
	}
	
	.pl{
		padding-left: 1.5rem!important;
	}
	.ciara2 {
    left: 265px;
	}

	#dane p{
		font-size: 20px;
	}
	#dane a{
		font-size: 20px;
	}
	#dane h2{
		font-size: 65px;
	}

	h2{
		font-size: 48px;
	}
	h3 {
		font-size: 24px;
	}
    /**/

	.br{
		display: inline;
	}
	footer p{
		font-size: 14px;
	}
	footer a{
		font-size: 14px;	
	}
	.logo_size{
		display: none;
	}
	.border_bottom {
	    border-bottom: none;
	}
}

@media screen and (max-width: 480px){
	#menu{
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.3);
		background-blend-mode: overlay;
	}
	.dropdown-margin{
		margin-top: 100px!important;
	}

	.center{
		margin-top: 32vh;
	}

	.mobile-logo{
		width: 20%;
	}

	.navbar-icon{
		right: 10px;
	}

	button.owl-next, button.owl-prev{
		display: none;
	}
	.pos h4{
		font-size: 14px;
	}
	.pos p{
		font-size: 12px;
	}
	
	.fotka{
		top: 0;
	}
	.pos {
	    background-size: 60%;
	    height: 277px;
	}
	h2 {
		font-size: 30px !important;
	}
	.ciara2 {
	    left: 96px;
	    top: 162px;
	}
	.up {
	    position: fixed;
	    bottom: 60px;
	    right: 15px;
	    cursor: pointer;
	}
	#dane h2 {
	    font-size: 48px;
	}

	a {
	    font-size: 12px;
	}

	#menu p {
	    color: #fff;
	    font-family: SourceSansPro-Light;
	    letter-spacing: 10px;
	    font-size: 20px;
	}

	h1 {
		font-size: 44px;
	}

	h3 {

	    font-size: 24px;
	}
	.mt {
	    margin-top: 6px;
	}

	.mt-2{
		margin-top: 3.5rem!important;
	}
	
	.mt-3{
		margin-top: 4rem!important;
	}
}

@media screen and (max-width: 400px){
	h1 {
		font-size: 48px;
	}

	h2 {
		font-size: 40px;
	}

	#menu p {
		font-size: 16px;
	}
}


@media screen and (max-height: 700px){
	.center {
		margin-top: 20vh;
	}	
}