:root{
	--primary: #506381;
	--secondary: #323232;
	--primary-hover: #395681;
	--primary-dark: #779500;
	
	--rgba-primary-1: rgba(80, 99, 129,0.1);
	--rgba-primary-2: rgba(80, 99, 129,0.2);
	--rgba-primary-3: rgba(80, 99, 129,0.3);
	--rgba-primary-4: rgba(80, 99, 129,0.4);
	--rgba-primary-5: rgba(80, 99, 129,0.5);
	--rgba-primary-6: rgba(80, 99, 129,0.6);
	--rgba-primary-7: rgba(80, 99, 129,0.7);
	--rgba-primary-8: rgba(80, 99, 129,0.8);
	--rgba-primary-9: rgba(80, 99, 129,0.9);
	
	/* Other */
	--secondary: #232323;
	--theme-text-color: #fff;
	--title: #232323;
	
}

.texture-1 {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    background-image: url('../../images/texture-1.svg');
    background-repeat: repeat;
    background-size: 50px 50px;
    background-position: top left;
}

.texture-2 {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    background-image: url('../../images/texture-2.svg');
    background-repeat: repeat;
    background-size: 150px 150px;
    background-position: top left;
	padding-top: 120px;
    padding-bottom: 90px;
}

.texture-3 {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    background-image: url('../../images/texture-3.svg');
    background-repeat: repeat;
    background-size: 100px 100px;
    background-position: top left;
	padding-top: 120px;
    padding-bottom: 90px;
}

.texture-4 {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    background-image: url('../../images/texture-4.svg');
    background-repeat: repeat;
    background-size: 100px 100px;
    background-position: top left;
	padding-top: 120px;
    padding-bottom: 90px;
}