.BebasKai { 
	font-family: BebasKai;
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: BebasKai, sans-serif;
    background-color: #19191b;
    color: black;
}

p, li {
    font-size: 120%;
}

doplnit {
	font-family: 'Francois One', sans-serif;
}

#section-intro {
    background-color: #191b1b;
}

#section-intro img {
	width: 100%;
}

#text-intro {
	z-index: 999; 
	position: absolute;
	margin-top: 220px;
	margin-left: 210px;
	color: white;
	font-family: 'Francois One', sans-serif;
	text-shadow: 2px 2px black;
}

#text-intro-mobile {
	background-color: #fae312;
}

#buttons-intro {
	margin-top: 95px;
}

#icons-intro {
	float: right;
	padding-right: 50px;
}

.icon-intro {
	color: yellow;
	display: block;
	padding: 5px;
}

#section-kamionova-doprava {
    background-color: #575d5d;
}

#section-kamionova-doprava h2, 
#section-kamionova-doprava h3, 
#section-kamionova-doprava p {
	padding-left: 20px;
	padding-right: 20px;
}

#section-kamionova-doprava ul {
	margin-left: 92px;
	padding-left: 92px;
}

#text-kamionova-doprava { 
	padding: 0px;
	margin: 0px;
}

#section-namorni-doprava {
    background-color: #434343;
}

#section-namorni-doprava h2 {
	padding-right: 85px;
	margin-top: 70px;
}

#section-namorni-doprava h3, 
#section-namorni-doprava p {
    padding-right: 85px;
}

#section-namorni-doprava img {
	width: 100%;
	height: 466px;
	padding-right: 20px;
}

#text-namorni-doprava { 
	background-image: url('../images/namorni-zarazka.png'); 
	background-repeat: no-repeat; 
	background-position: right top; 


}



#section-spedice-vytezovani {
    background-color: #575d5d;
}

#text-spedice-vytezovani {
	z-index: 999; 
	position: absolute; 
	background-image: url('../images/spedice-zarazka.png'); 
	background-repeat: no-repeat; 
	background-position: left top; 
	margin-top: 15px; 
	padding-bottom: 90px
}

#section-spedice-vytezovani h2, 
#section-spedice-vytezovani h3, 
#section-spedice-vytezovani p {
    padding-left:  80px;
}

#section-operativni-leasing {
    background-color: #3f4747;
}

#text-operativni-leasing { 
	z-index: 999; 
	position: absolute; 
	background-image: url('../images/leasing-zarazka-zluta.png'); 
	background-repeat: no-repeat; 
	background-position: bottom left;
	padding-bottom: 50px;
}

#section-operativni-leasing h2, 
#section-operativni-leasing h3, 
#section-operativni-leasing p {
    padding-left: 60px;
}

#section-kontakty {
    background-color: #fae312;
}

.kontakt-polozka {
	margin-top: 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {

	#text-intro {
		z-index: 999; 
		position: absolute;
		margin-top: 170px;
		margin-left: 95px;
		color: white;
		text-shadow: 2px 2px black;
	}

	#buttons-intro {
		margin-top: 40px;
	}

	#icons-intro {
		padding-right: 0px;
	}

	#section-kamionova-doprava img {
		width: 507px;
		height: 580px;
		margin-right: 0px;
		padding-right: 0px;
	}

	#section-kamionova-doprava ul {
		margin-left: 20px;
		padding-left: 20px;
	}


    #section-spedice-vytezovani h2, 
	#section-spedice-vytezovani h3, 
	#section-spedice-vytezovani p {
    	padding-left:  20px;
	}

}

@media (min-width: 768px) and (max-width: 991px) {

	#text-intro {
		z-index: 999; 
		position: absolute;
		margin-top: 140px;
		margin-left: 115px;
		color: white;
		text-shadow: 2px 2px black;
		font-size: 95%;
	}

	#buttons-intro {
		margin-top: 10px;
	}

	#icons-intro {
		padding-right: 10px;
	}

	#section-kamionova-doprava img {
		width: 507px;
		height: 720px;
		margin-right: 0px;
		padding-right: 0px;
	}

	#section-kamionova-doprava ul {
		margin-left: 20px;
		padding-left: 20px;
	}

	#section-namorni-doprava h2 {
		margin-top: 25px;
		padding-right: 10px;
	}

	#section-namorni-doprava h3, 
	#section-namorni-doprava p {
    	padding-right: 10px;
	}

    #text-namorni-doprava {
        background-image: none;
    }

    #section-spedice-vytezovani h2, 
	#section-spedice-vytezovani h3, 
	#section-spedice-vytezovani p {
    	padding-left:  40px;
	}

	#section-spedice-vytezovani img {
		width: 100%;
		height: 400px;
		margin-right: 0px;
		padding-right: 0px;
	}

    #section-operativni-leasing img {
		width: 100%;
		height: 313px;
		margin-right: 0px;
		padding-right: 0px;
	}

    #section-operativni-leasing h2, 
	#section-operativni-leasing h3, 
	#section-operativni-leasing p {
    	padding-left: 20px;
	}

	#section-operativni-leasing img {
		width: 100%;
		height: 313px;
		margin-right: 0px;
		padding-right: 0px;
	}

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

	#text-intro {
		z-index: 999; 
		position: absolute;
		margin-bottom: 195px;
		margin-right: 100px;
		color: white;
		text-shadow: 2px 2px black;
		font-size: 95%;
	}

	#section-kamionova-doprava img {
		width: 100%;
		height: 565px;
		margin-right: 0px;
		padding-right: 0px;
	}

	#section-kamionova-doprava ul {
		margin-left: 20px;
		padding-left: 20px;
	}

	#section-namorni-doprava h2 {
		margin-top: 15px;
		margin-bottom: 20px;
	}

	#section-namorni-doprava h3, 
	#section-namorni-doprava p {
    	padding-right: 10px;
	}


    #text-namorni-doprava {
        background-image: none;
    }

    #section-namorni-doprava img {
		width: 100%;
		height: 466px;
		margin-right: 0px;
		padding-right: 0px;
	}

	#section-spedice-vytezovani h2, 
	#section-spedice-vytezovani h3, 
	#section-spedice-vytezovani p {
    	padding-left:  15px;
    	padding-right: 10px;
	}

	#section-spedice-vytezovani img {
		width: 100%;
		height: 400px;
		margin-right: 0px;
		padding-right: 0px;
	}

	#section-operativni-leasing img {
		width: 100%;
		height: 313px;
		margin-right: 0px;
		padding-right: 0px;
	}


}

/* Portrait phones and smaller */
@media (max-width: 480px) {

	#section-kamionova-doprava ul {
		margin-left: 20px;
		padding-left: 20px;
	}

    #text-namorni-doprava {
        background-image: none;
    }

    #section-namorni-doprava img {
		width: 100%;
		height: 466px;
		margin-right: 0px;
		padding-right: 0px;
	}

	#section-spedice-vytezovani h2, 
	#section-spedice-vytezovani h3, 
	#section-spedice-vytezovani p {
    	padding-right:  15px;
	}

	#section-operativni-leasing h2, 
	#section-operativni-leasing h3, 
	#section-operativni-leasing p {
    	padding-left: 0px;
	}

	#section-operativni-leasing img {
		width: 100%;
		height: 313px;
		margin-right: 0px;
		padding-right: 0px;
	}

}

.inside-section {
    padding: 0px; 
    margin: 0px;
}

.btn-primary {
	color: #7f7f80;
    background-color: #fae312;
    border-color: #fae312;
    background-image: none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fae312;
    background-color: #7f7f80;
    border-color: #7f7f80; /*set the color you want here*/
}

.btn-lg {
	padding: 3px 10px;
	font-family: 'Francois One', sans-serif;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 0px;
    margin-bottom: 12px;
    width: 255px;
}

@media (min-width: 992px) {


}