* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

body {
    background: url(../images/body-main-bg.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    width: 100%;
    margin: 0;
}


img {
    max-width: 100%;
    display: block;
}
.logo {
    position: absolute;
    top: 20px;
    left: 50px;
    width: 350px;
}
.whatsapp_logo_badge {
    position: absolute;
    top: 0;
    right: 70px;
    width: 220px;
}
.phone_part {
    position: absolute;
    bottom: 80px;
    right: 0;
}
.phone_part a {
    background-color: rgba(255,255,255,0.8);
    padding: 20px;
    color: #000;
    font-family: 'Rubik', sans-serif;
    font-size: 38px;
    text-decoration: none;
    display: inline-block;
}
.phone_part a img {
    display: inline-block;
    width: 60px;
    vertical-align: middle;
}
.phone_part a span {
    display: inline-block;
    vertical-align: middle;
}


/*responsive*/
@media (max-width:500px) {
    .logo {
        top: 10px;
        left: 10px;
        width: 45%;
    }

    .whatsapp_logo_badge {
        right: 20px;
        width: 28%;
    }

    .phone_part {
        bottom: 20px;
    }

    .phone_part a {
        font-size: 22px;
        padding: 10px;
    }

    .phone_part a img {
        width: 32px;
    }
}

@media (min-width:501px) and (max-width:767px) {
    .logo {
        top: 20px;
        left: 20px;
        width: 35%;
    }
    .whatsapp_logo_badge {
        right: 20px;
        width: 22%;
    }
    .phone_part {
        bottom: 20px;
    }
    .phone_part a {
        font-size: 22px;
        padding: 10px;
    }
    .phone_part a img {
        width: 32px;
    }
}