@-webkit-keyframes sbxsgradientanimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@-moz-keyframes sbxsgradientanimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes sbxsgradientanimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.gradient-bg-sbxs{
		height: 100vh;
		width: 100%;
		
		background: linear-gradient(45deg, #243949, #517fa4);
		background-size: 200% 200%;
		
		-webkit-animation: sbxsgradientanimation 30s ease infinite;
		-moz-animation: sbxsgradientanimation 30s ease infinite;
		animation: sbxsgradientanimation 30s ease infinite;
}




@-webkit-keyframes socialctrlgradientanimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@-moz-keyframes socialctrlgradientanimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes socialctrlgradientanimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.gradient-bg-socialctrl{
		height: 100vh;
		width: 100%;
		
		background: linear-gradient(-90deg, #0099a6, #033e5c);
		background-size: 200% 200%;
		
		-webkit-animation: socialctrlgradientanimation 30s ease infinite;
		-moz-animation: socialctrlgradientanimation 30s ease infinite;
		animation: socialctrlgradientanimation 30s ease infinite;
		
}




@-webkit-keyframes samenwerkinggradientanimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@-moz-keyframes samenwerkinggradientanimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes samenwerkinggradientanimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.gradient-bg-samenwerking{
		height: 100vh;
		width: 100%;
		
		background: linear-gradient(-90deg, #497496, #11a6af);
		background-size: 200% 200%;
		
		-webkit-animation: samenwerkinggradientanimation 30s ease infinite;
		-moz-animation: samenwerkinggradientanimation 30s ease infinite;
		animation: samenwerkinggradientanimation 30s ease infinite;
		
}




@-webkit-keyframes yellowgradientanimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@-moz-keyframes yellowgradientanimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes yellowgradientanimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.gradient-bg-yellow{
		height: 100vh;
		width: 100%;
		
		background: linear-gradient(-90deg, #ffdd00, #ffdd00);
		background-size: 200% 200%;
		
		-webkit-animation: yellowgradientanimation 30s ease infinite;
		-moz-animation: yellowgradientanimation 30s ease infinite;
		animation: yellowgradientanimation 30s ease infinite;
}