body {
    width: 100%;
    height: 100vh;
    margin: 0px;
    font-family: 'Heebo', sans-serif;
}

.main_left {
    width:50%;
    height:100%;
    float:left;
    background: rgba(0, 0, 0, 0) linear-gradient(45deg, rgb(165, 30, 59) 0%, rgb(223, 35, 52) 40%, rgb(229, 73, 43) 60%, rgb(253, 164, 35) 100%) repeat scroll 0% 0%;
    position:relative;
    box-sizing: border-box;
    padding-left: 12vw;
}

.main_right {
    width:50%;
    height:100%;
    float: right;
    position:relative;
    box-sizing: border-box;
}

.center_logo {
    position: absolute;
    top: 55vh;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 35vw;
    height: auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.left_textbox {
    width: 100%;
    height: auto;
    float: left;
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.left_text {
    width: 20vw;
    font-family: 'Heebo', sans-serif;
    font-size: 1.66vw;
    line-height: 2.9vw;
    color: #fff;
    font-weight: 300;
}

.right_textbox {
    width: 100%;
    height: auto;
    float: right;
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    padding-right: 12vw;
}

.right_text {
    width: 19vw;
    font-family: 'Heebo', sans-serif;
    font-size: 1.2vw;
    line-height: 2.1vw;
    color: #FF2C00;
    font-weight: 300;
    text-align:right;
    float:right;
}

.text_line_left {
    width: 3.3vw;
    height: 0.2vw;
    background-color:#fff;
    margin-top:1.4vw;
}

.text_line_right {
    width: 3.3vw;
    height: 0.2vw;
    background-color:#FF2C00;
    margin-top:1.4vw;
    float: right;
}

.left_social {
    width: 1.3vw;
    height: 1.3vw;
    background-image: url("img/linkedin.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 4vw;
    transition: all .15s cubic-bezier(.29,.02,.42,1.0);
}

.left_social:hover {
    transform: scale(1.3);
    cursor: pointer;
}

.right_footer {
    width: 100%;
    position: absolute;
    bottom: 4vw;
    text-align: right;
    font-weight: 300;
    right: 12vw;
    color: #747474;
    font-size: 0.9vw;
}

.center_logo_mobile {
    display:none;
}




@media (max-width: 768px) {

        body {
        width: 100%;
        height: 100vh;
        margin: 0px;
        font-family: 'Heebo', sans-serif;
        background: rgba(0, 0, 0, 0) linear-gradient(45deg, rgb(165, 30, 59) 0%, rgb(223, 35, 52) 40%, rgb(229, 73, 43) 60%, rgb(253, 164, 35) 100%) repeat scroll 0% 0%;
    }
    
    .main_left {
        width:50%;
        height:100%;
        float:left;
        position:relative;
        box-sizing: border-box;
        background: unset;
        padding-left: 12vw;
    }

    .center_logo {
        display:none;
    }
    
    .center_logo_mobile {
        display:block;
        position: absolute;
        top: 45vh;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width: 50vh;
        height: auto;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .main_left {
        width:100%;
        height:50%;
        float:left;
        position:relative;
        box-sizing: border-box;
        padding-left: 0;
    }
    
    .main_right {
        width:100%;
        height:50%;
        float: right;
        position:relative;
        box-sizing: border-box;
    }

    .left_textbox {
        width: 100%;
        height: auto;
        float: none;
        position: absolute;
        top: 17vh;
        box-sizing: border-box;
        transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        padding: 0 10vw;
    }
    
    .left_text {
        width: 100%;
        font-family: 'Heebo', sans-serif;
        font-size: 3vh;
        line-height: 4.1vh;
        color: #fff;
        font-weight: 300;
        text-align:center;
    }
    
    .right_textbox {
        width: 100%;
        height: auto;
        float: right;
        position: absolute;
        bottom: 0vh;
        box-sizing: border-box;
        transform: translate(0, -66%);
        -ms-transform: translate(0, -66%);
        -webkit-transform: translate(0, -66%);
        padding: 0 10vw;
    }
    
    .right_text {
        width: 100%;
        font-family: 'Heebo', sans-serif;
        font-size: 2.3vh;
        line-height: 4.0vh;
        color: #fff;
        font-weight: 300;
        text-align:center;
        float:none;
    }

    .text_line_left {
        width: 6vw;
        height: 3px;
        background-color:#fff;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;
    }
    
    .text_line_right {
        width: 6vw;
        height: 3px;
        background-color:#fff;
        margin-top:20px;
        float: none;
        margin-left:auto;
        margin-right:auto;
    }

    .left_social {
        display:none;
    }
    
    .social_mobile {
        width: 3.3vh;
        height: 3.3vh;
        background-image: url("img/linkedin.png");
        background-size: 100% auto;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 12vh;
        transition: all .15s cubic-bezier(.29,.02,.42,1.0);
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

    .right_footer {
        width: 100%;
        position: absolute;
        bottom: 4vw;
        text-align: center;
        font-weight: 300;
        right: unset;
        color: #fff;
        font-size: 1.7vh;
        padding:3vw;
        box-sizing: border-box;
    }
    
}