/*! Copyright 2018 */
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');

a {text-decoration: none;}
a:hover {text-decoration: none;}

body { font-size: 18px; max-width: 1920px; margin: 0 auto; }

footer { font-size: 14px; padding-top: 15px;}

footer a img { padding: 10px 5px; }
footer a:hover img { -webkit-animation: pulse .9s; animation: pulse .9s; z-index: 9999; }

.center { text-align: center; }

.txt-l { text-align: left; }
.txt-r { text-align: right; }

.tyt {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 20px;
}

.txt {
	font-size: 14px;
}

.txt p { 
	margin-bottom: 40px;
}

.b-right a img {
	margin-bottom: -25px;
}

.b-right a span {
	padding-left: 15px;
	color: #312f2e; /* kolor czcionki */
	font-size: 13px;
}

.b-right a:hover span {
	color: #019dc5; /* kolor czcionki */
}



.b-bottom a {
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	background-color: #019dc5;
	padding: 10px 22px;
	text-decoration: none;
}

.b-bottom a:hover {
	color: #fff;
	background-color: #0b85a4;
}


section, footer {
	width: 80%;
}

.b-right {
	color: #312f2e;
	position: fixed;
	height: 100%;
	width: 20%;
	right: 0;
	padding: 25px 30px 25px 30px;
	border-left: 2px solid #E0E0E0;
}

.b-bottom {
		margin: 20px 0 35px 0;
		display: none;
	}


ul {
    list-style: none; /* Remove HTML bullets */
    padding: 0;
    margin: 0;
}

li { 
    padding-left: 16px; 
    font-size: 14px;
}

li:before {
    content: "•"; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: #312f2e; /* Or a color you prefer */
}

@media (min-width: 1200px) and (max-width: 1599px) {
	section, footer {
		width: 74%;
	}

	.b-right {
		width: 26%;
		padding: 25px 22px 25px 22px;
	}

}

@media (min-width: 1000px) and (max-width: 1199px) {
	section, footer {
		width: 70%;
	}

	.b-right {
		width: 30%;
		padding: 25px 15px 25px 15px;
	}
}

@media  (max-width: 999px) {
	section, footer {
		width: 100%;
	}
	.b-right {
		display: none;
	}
	.b-bottom {
		display: inherit;
	}
}

@media (max-width: 768px) {
	.txt-l, .txt-r {
		text-align: center;
	}
	.txt-r {
		text-align: center;
	}
}