body {
	font-family: 'Montserrat', sans-serif;
}
.leftside {
	background-color: #39abe3;
	height: 100vh;
	color: #FFF;
	position: relative;
}
.rightside {
	height: 100vh;
	background: url('images/siteholder.jpg') no-repeat 90% 50% / cover;
}
.info {
	height: 100vh;
}
.logojiswo {
	max-width: 130px;
	margin-top: 80px;
	margin-bottom: 110px;
}
h1 {
	font-size: 30px;
	text-transform: uppercase;
}
h2 {
	font-size: 20px;
	color: #68ccf0;
}
.fixedbottom {
	color: #68ccf0;
	position: absolute;
	bottom: 40px;
	z-index: 2;
}
canvas{
	display:block;
	vertical-align:bottom;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.socials li {
	padding: 0 5px;
}
.socials i {
	font-size: 40px;
}
.facebookcolor { color: #68ccf0; }
.twittercolor { color: #68ccf0; }
.linkedincolor { color: #68ccf0; }

.facebookcolor:hover { color: #fff; }
.twittercolor:hover { color: #fff; }
.linkedincolor:hover { color: #fff; }

@media(max-width:767px) {
    h1 {
    	font-size: 15px;
    }
    h2 {
    	font-size: 13px;
    }
    .logojiswo {
    	margin-bottom: 50px;
    }
    .fixedbottom {
    	position: absolute;
    	bottom: 80px;
    }   
}