/*** MAIN ***/
#top{
    position: fixed;
    height: 200px;
    display: grid;
    grid-template-columns: auto ;
    width: 100%;
    z-index: 19;
	background: rgb(28,45,60);
	background: -webkit-linear-gradient(0deg, rgb(28 45 60 / 00%) 50%, rgb(28 45 60 / 70%) 100%)!important;
	background: -o-linear-gradient(0deg, rgb(28 45 60 / 0%) 50%, rgb(28 45 60 / 70%) 100%)!important;
	background: linear-gradient(0deg, rgb(28 45 60 / 0%) 50%, rgb(28 45 60 / 70%) 100%)!important;
}
header {
    width: 100%;
    height: auto !important;
}
why{
    position: relative;
    background-image:url(https://www.gdocreative.be/karineloncour/images/header/why.jpg);
    background-size: cover;
    background-position: center;
}
about{
	padding-top:80px;
	padding-bottom:130px;
    position: relative;
}
/* HEADER */
.header .n2-section-smartslider .n2-ss-slide-background-color{
	background: rgb(28,45,60);
	background: -webkit-linear-gradient(0deg, rgb(28 45 60) 0%, rgb(28 45 60 / 20%) 30%, rgb(28 45 60 / 20%) 50%, rgb(28 45 60 / 60%) 100%)!important;
	background: -o-linear-gradient(0deg, rgb(28 45 60) 0%, rgb(28 45 60 / 20%) 30%, rgb(28 45 60 / 20%) 50%, rgb(28 45 60 / 60%) 100%)!important;
	background: linear-gradient(0deg, rgb(28 45 60) 0%, rgb(28 45 60 / 20%) 50%, rgb(28 45 60 / 20%) 50%, rgb(28 45 60 / 60%) 100%)!important;
    z-index: 18;
}
header > div{
    width: 100% !important;
    height: auto !important;
}
header h2{
  font-size:48px;
  text-align:left;
}
header h2 span {
    font-size: 16px;
    padding: 0px 0 0 5px;
    position: absolute;
}
/* ALL */
content .card-header,
why .card-header,
about .card-header{
    font-size: 38px;
}
content .card-header::after,
why .card-header::after,
about .card-header::after {
    background: #CF4118 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 4px;
    width: 80px;
    margin-top: 13px;
}
/* CONTENT */
content .container{
    max-width: 800px;
}
/* WHY */
why .gradient{
	padding-top:120px;
	padding-bottom:160px;
	background: rgb(28,45,60);
	background: -webkit-linear-gradient(0deg, rgb(28 45 60) 0%, rgb(28 45 60 / 30%) 30%, rgb(28 45 60 / 30%) 30%, rgb(28 45 60 / 100%) 100%)!important;
	background: -o-linear-gradient(0deg, rgb(28 45 60) 0%, rgb(28 45 60 / 30%) 30%, rgb(28 45 60 / 30%) 30%, rgb(28 45 60 / 100%) 100%)!important;
	background: linear-gradient(0deg, rgb(28 45 60) 0%, rgb(28 45 60 / 30%) 30%, rgb(28 45 60 / 30%) 30%, rgb(28 45 60 / 100%) 100%)!important;
    z-index: 18;
}
why .container{
    max-width: 800px;
}
/* ABOUT */
about .container{
    max-width: 800px;
}
/* CONTACT */
contact {
    z-index: 3;
    position: relative;
}
contact .card {
    padding: 30px 60px;
	color: rgba(255,255,255,1.00);
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    background-color: #2C415C;
    border-radius: 20px;
    box-shadow: 0 0.4px 0.8px rgba(0, 0, 0, 0.017), 0 1px 2px rgba(0, 0, 0, 0.024), 0 1.9px 3.8px rgba(0, 0, 0, 0.03), 0 3.4px 6.7px rgba(0, 0, 0, 0.036), 0 6.3px 12.5px rgba(0, 0, 0, 0.043), 0 15px 30px rgba(0, 0, 0, 0.06);
    border: 0;
}
contact .card i{
	display: block;
	float: left;
	font-size: 30px;
	padding: 0 5px 0 0;
}
contact .card a{
	color: rgba(255,255,255,1.00);
}