@import url(https://fonts.googleapis.com/css?family=Roboto:400,900italic,900,500italic,500,400italic,100,300);


a {
font-weight: 700;
}


h1 {

}


h2 {
letter-spacing: -0.04em;
}

.jarallexContentHolder {
position: absolute;
bottom: 15%;
left: 5%;
margin-right: 5%;
}



.firstJaralex {
margin-top:-85px;
}

.fullHeight {
min-height:100%;
}


html, body{
width:100%;
height:100%;
min-height:100%;

}

body {

font-family: 'Roboto', sans-serif;
}

#menuLogo img {
width:100%;
margin-top:-35px;
}

#menuLogo {
width: 125px;
border-radius: 50%;
background-color: unset;
float: left;
margin-left: 40px;
padding: 11px;
-webkit-transition: background-color 200ms linear;
border-top-left-radius: 0%;
border-top-right-radius: 0%;
/* padding-top: 50px; */
margin-top: 35px;
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
}


.menu {
margin-top:50px ;
background-color:unset;
color:white;
width:100%;
-webkit-transition: background-color 200ms linear;
z-index:10 !important;
height:35px;

}
.menu.scroll-to-fixed-fixed {
margin-top:0px;
background-color:black;
}
.menu.scroll-to-fixed-fixed #menuLogo {
background-color:black;

}

.menu ul li {
float: left;
list-style: none;
font-size: 0.8em;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
font-weight: 500;
padding-right: 0px;
color: #000;
margin-left: 40px;
margin-bottom: 0px;
margin-top: 8px;
}
.menu ul li a {
color:#fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
font-weight: 500;
}
.img {
max-width:100%;
}


.sub-menu div {
white-space: nowrap;
background-color:lightgrey;
text-align: center;
font-size:1.0em;
font-weight:bold;
line-height:3.2em;
text-transform: uppercase;
display: block;
text-align: center;
font-size: 1em;
text-transform: uppercase;
line-height: 3.2em;
background-color: #ddd;
color: black;
border-right: 1px solid white;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
.sub-menu div:last-child {
border-right: none;
}
.sub-menu {
margin-left:0px;
margin-right:0px;

}
.mainObject {
padding:50px;
padding-top:0px;
background-color:#eee;

margin-bottom:100px;
}
.sub-menu-active {
background-color:#ccc !important;
}
.sub-menu a {
display:block;
color:black;
margin-left:-15px;
margin-right:-15px;
font-weight: 700;

}
.sub-menu a:hover {
text-decoration: none;
background-color:#ccc !important;
}
.sub-menu div:hover:after{
content: '';
display: block;
position: absolute;
left: 50%;
margin-left: -10px;
bottom: -1px;
height: 0;
width: 0;
border-bottom: 10px solid #eee;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.sub-menu-active:after {
content: '';
display: block;
position: absolute;
left: 50%;
margin-left: -10px;
bottom: -1px;
height: 0;
width: 0;
border-bottom: 10px solid #eee;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}

.home h1 {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
font-size:4.8em;
color:#f3f3f3;
font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
line-height: 1em;
font-weight: 900;
letter-spacing: -0.04em;
text-transform: uppercase;
}

.home h2 {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
font-size:3em;
color:#f3f3f3;
font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
line-height: 1em;
font-weight: 300;
letter-spacing: -0.04em;
text-transform: none;
}

.home h3 {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
font-size:2.2em;
color:#f3f3f3;
font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
line-height: 1em;
font-weight: 900;
/*letter-spacing: -0.04em;*/
text-transform: uppercase;
}

.home p {
margin-top:10px;
padding:10px;
/*text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);*/
font-size:1em;
color:#f3f3f3;
font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
/*line-height: 1em;*/
/*font-weight: 300;*/
/*letter-spacing: -0.04em;*/
/*text-transform: uppercase;*/
background-color:rgba(0,0,0,0.5);

}

.footerHome{
position:fixed;
bottom:0;
width:100%;
}



.menu.default {
background-color:black;
margin-top:0px;
}

.menu.default #menuLogo {
background-color:black;
}


.mobileMenuButton {
float:right;
margin-right:10px;
margin-top:4px;
}

.menuSpacing {
margin-top:70px;

}
@media screen and (max-width: 768px) {

.menu ul {
position:absolute;
right:0;
background-color:black;
top:35px;
border-bottom-left-radius: 25px;
display:none;
}

.menu ul li {
float:none;
margin-right:20px;
margin-left:-20px;
margin-bottom:4px;
}

#menuLogo {
margin-left:0px;
width:100px;
min-height:50px;
background-color:black;
}

.menuSpacing {
margin-top:50px;
}

.jaralexxContentTitle1 {
font-size:2em;

}

.jaralexxContentTitle2 {
font-size: 1.5em;
}


.firstJaralex {
margin-top:0px;
}


.menu.home {
top:0;
background-color:black;
margin-top:0px;
}

}

.wrapper {
    min-height:100%;
    margin-bottom: -0px;
    padding-bottom: 0px;
}
.footer {
    min-height:0px;
    background-color:#000000;
    color:#ffffff;
    padding-top:10px;
    padding-bottom:10px;

}




@media screen and (min-width:769px) {

.menu ul {
display:block !important;
}
}

.shadowed {
-webkit-filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.5));
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#000')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#000')";
}


.nieuws h2 {

margin-bottom:0px;
padding-bottom:0px;
}


.nieuws h1 {
margin-bottom:0px;
padding-bottom:0px
}
/* Cache Disabled */