.header {
	margin-top: 5vh;
	margin-bottom: 5vh;
}

.opis p {
	margin-top: 2vh;
}

.top-menu {
	padding: 1.5vh 0 0 0;
}

.content {
	margin-top: 5vh;
}

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

.title {
	padding: 1vh;
	background-color: #007a79;
	color: #fff;
}

.post {
	margin-bottom: 4vh;
}

.post:hover {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 3px 4px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20);
}

.opis h2 {
	font-size: 4rem;
	font-weight: 600;
}

.top-menu {
	float: right;
}

.thumb {
	margin-bottom: 3vh;
}

.footer {
	margin-top: 5vh;
	padding-bottom: 2vh;
}

.soc-link img {
	width: 2rem;
	margin-top: -2rem;
	color:#007a79;
}

.soc-link img:hover {
	color:#007a79;
	cursor: pointer;
}

@media (max-width: 480px) {
	.opis h2 {font-size: 2rem;margin-bottom: 1vh;}
	.opis h3 {font-size: 1.2rem; margin-bottom: 5vh;}
	.top-menu {float:left;}
}