body {
    font-family: 'Lato', sans-serif;
    color: #ccc;
    background-color: #404040;
    overflow-x: hidden;
}

div#full {
    position: absolute;
    overflow-x: hidden;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

div#hideborder {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: solid 2px #404040;
}

div#gradient {
    position: absolute;
    top: 220px;
    left: 220px;
    right: 220px;
    height: 500px;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

div#toorli {
    background-image: url('../img/toorlilogo.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

h1#slogan {
    position: absolute;
    top: 700px;
    height: 200px;
    left: 220px;
    right: 220px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 22pt;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
    letter-spacing: 2rem;
    color: #000;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	animation: gradient 10s ease infinite;
}

div#content {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 500px;
}

div.spacer50 {
    height: 50px;
}

div.spacer100 {
    height: 100px;
}

div#contact {
    background-color: #404040;
    padding-bottom: 100px;
    color: #ccc;
}

div#contact .row {
    text-align: center;
}



div.customer {
    position: relative;
    height: 100px;
}

div.customerimg {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 50px;
    right: 50px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

div#customer1 {
    background-image: url("../img/bell.png");
}

div#customer2 {
    background-image: url("../img/arcelor.png");
}

div#customer3 {
    background-image: url("../img/uj.png");
}

div#customer4 {
    background-image: url("../img/umk.png");
}

div#customer5 {
    background-image: url("../img/kujpom.png");
}

div#customer6 {
    background-image: url("../img/googleorg.png");
}

div#customer7 {
    background-image: url("../img/auchan.png");
}

div#customer8 {
    background-image: url("../img/obi.png");
}

div#customer9 {
    background-image: url("../img/inco.png");
}

div#customer10 {
    background-image: url("../img/ebury.png");
}

div#customer11 {
    background-image: url("../img/bhj.png");
}

div#customer12 {
    background-image: url("../img/zabka.png");
}

h3.minislogan {
    text-transform: uppercase;
    text-align: center;
    color: #ccc;
    letter-spacing: 1rem;
    font-size: 14pt;
    margin-left: 50px;
    margin-right: 50px;
}