.right {
    background: black;
}
.left {
    background: white;
}
.starter-content {
    margin-left: -200px;
    margin-top: -105px;
    display: inline-block;
    top: 50%;
    left: 50%;
    position: absolute;
}
.starter-content:hover:before {
    visibility: hidden;
}
.logo-index {
    width: 400px;
}
@media (max-width:1440px) {
    .starter-content {
        margin-left: -160px;
        margin-top: -90px;
        display: inline-block;
        top: 50%;
        left: 50%;
        position: absolute;
    }
    .logo-index {
        width: 330px;
    }
}
@media (max-width:992px) {
    .starter-content {
        margin-left: -125px;
        margin-top: -65px;
        display: inline-block;
        top: 50%;
        left: 50%;
        position: absolute;
    }
    .logo-index {
        width: 250px;
    }
}
html, body, .col-md-12, .row {
    height: 100%;
    padding-right: 0;
    padding-left: 0;
}
.container-fluid, .row-fluid {
    height: inherit;
}
.row> div {
    height: 100%;
}
@media (max-width:992px) {
    .row> div {
        height: 50%;
    }
}
a.svg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
a {
    vertical-align: middle;
}
.effect:hover {
    transform: translateY(-5px);
}
.effect {
    transition: .5s;
}
.span6 {
    height: 100%;
    width: 50%;
}
@media (max-width:992px) {
    .span6 {
        height: 50%;
        width: 100%;
    }
}
.content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.container-fluid {
    padding-right: 0;
    padding-left: 0;
}