.header-transparent
{
/*    background-color: #1e88e5;*/
/*    background-color: rgba(111, 111, 111, 0.3);*/
    background: linear-gradient(rgb(38, 38, 38), rgba(77, 77, 77, 0));
    padding-left: 80px;
    margin: 0px 0px 0px 0px;
    /*-webkit-box-shadow: 0px -5px 20px 10px rgba(64,64,64,1);
    -moz-box-shadow:    0px -5px 20px 10px rgba(64,64,64,1);
    box-shadow:         0px -5px 20px 10px rgba(64,64,64,1);*/
    z-index: 5;
    position: relative;
    text-shadow: 2px 2px 2px rgba(59, 59, 59, 0.9);
}

.lead-image 
{
    width: 100%;
    height: auto;
	box-shadow: 0px 2px 20px 1px rgba(64,64,64,1);
}

.card-holder 
{
	width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.card-vertical 
{
/*
    max-width: 470px;
    min-height: 350px;
*/
	width: 470px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 2px;
}

.card-image-holder
{
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	margin-bottom: 55px;
}

.card-image
{
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
}

.card-headline
{
	position: absolute;
	width: calc(100% - 15px);
	bottom: 0px;
	left: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: rgba(60, 60, 60, 0.8);
	color: white;
	text-transform: uppercase;
	font-size: 1.7em;
}

.card-content-holder
{
	clear: left;
	height: 170px;
	padding-left: 10px;
	padding-right: 45px;
	font-size: 1.1em;
}

.card-content-holder li
{
    margin-bottom: 15px;
}

.button
{
	background-color: #1e88e5;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	padding: 15px 15px 15px 15px;
	box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 2px;
	text-transform: uppercase;
	margin-top: 35px;
	margin-bottom: 35px;
	display: block;
	text-decoration: none;
	color: white;
}

.button:hover
{
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #267ee2;
	font-weight: bold;
}

.reference-holder 
{
    min-height: 500px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.reference-card-image-martin
{
    height: 200px;
    background-image: url(../design/pexels-photo-164762_low.jpg);
    background-position: center;
    background-size: cover;
}

.reference-card-image-jana
{
    height: 200px;
    background-image: url(../design/pexels-photo-90849_low.jpg);
    background-position: center;
    background-size: cover;
}

	.reference-card-image-kamil
{
    height: 200px;
    background-image: url(../design/pexels-photo-42399_low.jpg);
    background-position: center;
    background-size: cover;
}

.reference-card 
{
    position: relative;
    width: 320px;
    height: 500px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 2px;
}

.reference-card-text 
{
    padding: 15px 15px 15px 15px;
    font-size: 1.1em;
    font-style: italic;
    text-align: justify;
}

.reference-card-signature 
{
    font-size: 1.1em;
    position: absolute;
    bottom: 15px;
    right: 15px;
    
}

blockquote 
{
    margin: 0 0 0 0;
}

blockquote::before
{
    content: open-quote;
}

blockquote::after
{
    content: close-quote;
}

.blog-holder 
{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between; 
}

.blog-article 
{
    min-height: 100px;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 25px;
    position: relative;
    border-radius: 2px;
}

.blog-date 
{
    display: inline-block;
    position: relative;
    width: 80px;
    min-height: 100px;
    text-align: center;
    border-right: 2px solid black;
    padding-top:  40px;
}

.blog-title 
{
    display: inline-block;
    position: relative;
    height: 100%;
    vertical-align: top;
    font-size: 1.5em;
    margin: 15px 15px 15px 15px;
}

.blog-text 
{
    display: inline-block;
    position: relative;
    width: 150px;
    font-size: 1.1em;
}

.blog-date span
{
    font-size: 1.5em;
}

.quote-container
{
	position: absolute;
	top: 0px;
	width: auto;
	height: 100%;
}

.quote-flex
{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.quote-item
{
	color: white;
    font-size: 1.8em;
    font-weight: 100;
    text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black,
                 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black,
                 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black,
                 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black,
                 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black,
                 3px 3px 5px rgba(59, 59, 59, 0.9);
}

.quote-item-top
{
	margin-top: 50px;
	text-transform: uppercase;
}

.quote-item-bottom
{
	margin-bottom: 30px;
}

.quote-item ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.quote-item i
{
	font-size: 1.2em;
	position: relative;
	top: 8px;
}

.quick
{
    min-height: 100px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -4  0px;
    font-size: 1.3em;
}

.quick img
{
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 15px;
}

.quick b
{
    text-decoration: underline;
}

.quick-item
{
    width: 285px;
    text-align: justify;
    font-size: 0.9em
}


.quick-headline
{
    text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}