/*
	colors
	blu 8ee3de
lg
@media screen and (max-width: 1199px) {	}
md
@media screen and (max-width: 991px) { }	
sm
@media screen and (max-width: 767px) { }
col-
@media screen and (max-width: 575px) { }
*/

html {
	scroll-behavior: smooth;
	}

body { background: #eae7e2 url("../images/bg-pattern.jpg") 0 0 repeat; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 400;}
h1 {font-weight: 900;}
p a { color: #000; font-weight: 900;}
p a:hover { color: #777;}

.logo {max-width: 220px;}

header {background-color: #fff; border-radius: 5px 5px 0 0; border-bottom: 3px solid #8ee3de;} /* brown a48074 */
header a,
footer a { text-decoration: none;}	
	
.btn-primary {background: #8ee3de; border: 3px solid #8ee3de; color: #000;}
.btn-primary:hover {background: #fffcf9; border: 3px solid #8ee3de; color: #000;}

.jumbotron { background: #f3f3f3;}

header a {color: #000 !important; font-family: 'Lato', sans-serif; font-weight: 900; font-size: 22px;}
header a:hover {color: #8ee3de !important;}
.fastCall {color: rgba(0,0,0,.5);}
.headersocial {text-align: right;}
.headersocial a i {color: rgba(0,0,0,.5); font-size: 24px;}
.headersocial a:hover i {color: rgba(0,0,0,1);}
@media screen and (max-width: 767px) { 
	.headersocial {text-align: center;}
}
	
footer {background-color: #faeee2; border-radius: 0 0 5px 5px;}
footer div,
footer a {color: #000;}
footer a:hover {color: #8ee3de;}
footer li {list-style-type: none;}

.footerCopy {border-color: #000 !important; color: rgba(0,0,0,.5);}
.footerborder {border-left: 1px solid rgba(0,0,0,.1);}
@media screen and (max-width: 992px) { 
	.footerborder {border-left: none; border-top: 1px solid rgba(0,0,0,.1);}
}
.socialbtn {color: #000; font-size: 24px;}
.socialbtn:hover { color: #8ee3de;}
.socialKontakt { text-decoration: none;}
.socialKontakt span { font-weight: 300;}

.startBaner { position: absolute; z-index: 2; top: 30%;}
.startBanerTxt { color: #fff; text-shadow: 1px 1px 5px rgba(0,0,0,.5); font-size: 3em;}

@media screen and (max-width: 991px) { 
	.startBanerTxt { font-size: 2em;} 
	}
@media screen and (max-width: 767px) {
		.startBaner { top: 20%;}
	}
@media screen and (max-width: 575px) {
	.startBanerTxt { font-size: 1.4em;}  
	}

.startBtn {position: absolute; z-index:2; left: 20px; bottom: 30px;}
.startBtnMask1 {position: absolute; z-index:1;}
.startBtnMaskBaner {position: absolute; z-index:1; bottom: 0;}

.ofertaTyp {color: #fff; background: #8ee3de; font-size: 14px; font-weight: 300; margin:auto; text-transform: uppercase; font-style: italic;}
.ofertaNazwa {color: #000; background: #fffcf9; font-size: 22px; font-weight: 900;}

table a {color: #000; background: #8ee3de; text-decoration: none;}
table a:hover {color: #fff;}

.txtHighlight {background: #8ee3de; padding: 0 5px;}
.txtcontainer {background: #fffcf9;}