/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
@import url('https://fonts.googleapis.com/css?family=Prompt:400,600,700,800');

body{
	font-size:16px;
	line-height:1.6em;
}

a, .button{
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.topcolumn{
	padding-top:60px;
	padding-bottom:60px;
}
	.topcolumn img{
		display:inline-block;
	}
	
	.topcolumn p{
		font-family: 'open sans', sans-serif;
		font-weight: 400;
    	color: #808080;
	}

.main{
	padding-bottom:100px;
}

.pijler{
	position: relative;
	z-index:999;
    display: block;
    padding: 45px 45px;
    background-color:#ffffff;
    margin-bottom: 60px;
    text-align: center;
    text-decoration:none;
    -webkit-box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) { 
	.pijler{
		min-height: 430px;
	}
}
@media (min-width: 992px) { 
	.pijler{
		min-height: 360px;
	}
}
@media (min-width: 1170px) { 
	.pijler{
		min-height: 330px;
	}
}

.pijler:hover{
	text-decoration:none;
	-webkit-box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.2);
}
.pijler:hover .button{
	color: #000;
}
	.pijler img{
		display:inline-block;
		margin-bottom:15px;
	}
	
	.pijler hr{
		height: 5px;
    	background-color: #fdd716;
    	border: 0px;
    	margin-left:15%;
    	margin-right:15%;
    	margin-top:15px;
    	margin-bottom:30px;
	}
	
	.pijler .content{
		font-family: 'open sans', sans-serif;
		font-weight: 400;
    	color: #808080;
    	text-decoration:none;
	}

.button{
	position: absolute;
    z-index: 11;
    width: 225px;
    left: 0;
    right: 0;
    bottom: -25px;
    margin: 0 auto;
    transition: all 0.2s ease-in-out;
    
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-family: 'Prompt', sans-serif;
    font-weight: 600;
    background: #fed301;
    background: -moz-linear-gradient(top, #fed301 0%, #fcbd06 100%);
    background: -webkit-linear-gradient(top, #fed301 0%, #fcbd06 100%);
    background: linear-gradient(to bottom, #fed301 0%, #fcbd06 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed301', endColorstr='#fcbd06',GradientType=0);
}
.button:hover {
    color: #000;
}


.section.footer {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index: 0;
    padding: 50px 0;
    height: 40px;
    background: #333;
    color: #fff;
}

.section.footer .wave-bt-1, 
.section.footer .wave-bt-2 {
    top: -70px;
}
.section.footer .wave-bt-1 {
    background-image: url(../img/golf-ft-1.png);
    background-size: cover;
    background-position: bottom;
}
.wave-bt-1 {
    position: absolute;
    height: 130px;
    width: 100%;
    bottom: 0px;
    z-index: 3;
    background-image: url(../img/golf-1.png);
    background-size: cover;
    background-position: bottom;
    background-color: transparent;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.section.footer .wave-bt-2 {
    background-image: url(../img/golf-ft-2.png);
    background-size: cover;
    background-position: bottom;
    opacity: 0.9;
}
.wave-bt-2 {
    position: absolute;
    height: 130px;
    width: 100%;
    bottom: 0px;
    z-index: 3;
    opacity: 0.5;
    background-image: url(../img/golf-2.png);
    background-size: cover;
    background-position: center;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}