html, body, .container-fluid, .row.layer { width: 100%; height: 100%; font-family: Poppins; }
.row.layer { position: absolute; left: 0px; top: 0px; margin: 0px; }
.column { height: 100%; }

.column.left * { color: #000000; }
.column.right * { color: #FFFFFF; }
.column.left.background { background-color: #FFFFFF; }
.column.right.background { background-color: #000000; }

a.column { background-color: transparent; display: block; text-decoration: none; }

#canvas1 { background-color: transparent !important; }

.content .logo { margin-top: 15%; width: 80px; margin-left: 25px; display: block !important; }
.content .logo img { width: 80px; height: 80px; }
.content .logo p { width: 80px; text-align: center; margin: 0px; margin-top: 5px; font-size: 12px; padding: 0px; font-weight: 500; }

.column.right .logo { margin-left: 125px; }
.column.right .list { margin-left: 80px; }

.column.left .logo { padding-left: 100%; margin-left: -225px; }
.column.left .list { padding-left: 100%; margin-left: -265px; }

.slogan { font-size: 80px; font-weight: 500; margin-top: 40px; margin-bottom: 40px; width: 100%; height: 115px; overflow: hidden; opacity: 1; }
.slogan span { width: 100%; height: 115px; display: block; }
.slogan span.anim_top { -webkit-animation-name: slogan-from-top; -webkit-animation-duration: 2s; animation-name: slogan-from-top; animation-duration: 2s; }
.slogan span.anim_bottom { -webkit-animation-name: slogan-from-bottom; -webkit-animation-duration: 2s; animation-name: slogan-from-bottom; animation-duration: 2s; }
.slogan span.anim_fade { -webkit-animation-name: slogan-fade-in; -webkit-animation-duration: 2s; animation-name: slogan-fade-in; animation-duration: 2s; }

.column.left .slogan { text-align: right; padding-right: 10px; }
.column.right .slogan { text-align: left; padding-left: 10px; }

.list { width: 150px; }
.list ul { list-style-type: none; margin: 0px; padding: 0px; text-align: center; width: 150px; }
.list ul li { font-size: 13px; font-weight: 500; line-height: 28px; }


@-webkit-keyframes slogan-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slogan-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes slogan-from-top {
    from { margin-top: -115px; }
    to { margin-top: 0px;; }
}

@keyframes slogan-from-top {
    from { margin-top: -115px; }
    to { margin-top: 0px;; }
}

@-webkit-keyframes slogan-from-bottom {
    from { margin-top: 115px; }
    to { margin-top: 0px;; }
}

@keyframes slogan-from-bottom {
    from { margin-top: 115px; }
    to { margin-top: 0px;; }
}

@media screen and (max-width: 760px), screen and (max-device-width: 760px) {

	.logo { width: 100% !important; padding-left: 0px !important; margin-left: 0px !important; text-align: center; }
	.logo p { width: 100% !important; text-align: center !important; }
	.list { width: 100% !important; padding-left: 0px !important; margin-left: 0px !important; text-align: center; }
	.list ul { width: 100% !important; }
	.slogan { text-align: center !important; }

}