#logo .header-dropdown{
    line-height: 14px;
    font-size: 20px;
}


#header-container a.header-dropdown{
    line-height: 14px;
    font-size: 20px;
}



.float-tale {
    width: calc(33.3% - 120px) !important;
    padding: 10px 10px 10px 100px !important;
    font-size: 150% !important;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.float-tale .image-wrapper
{
    width: 80px !important;
    height: 80px !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    left:20px;
    margin: -40px 0 0 0;
}
.float-tale .column-text_ {
    padding-left: 10px;
    font-weight: normal;
    font-style: normal;
    display: table-cell;
    height: 110px;
    vertical-align: middle;
}

.float-tale:hover {
    outline: none !important;
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    -o-transform: scale(0.98);
}
.float-tale.bg-color-green:hover {
    background: #018617 !important;
}
.float-tale.bg-color-blue:hover {
    background: #04619E !important;
}


@media (max-width: 1300px){
    .float-tale {
        width: calc(50% - 120px) !important;
    }
}

@media (max-width: 800px) {
    .float-tale {
        width: calc(100% - 120px) !important;
    }
    /*#main-menu {
        margin-left: 0;
        top: 53px;
        position: absolute;
        display: none;
    }
    #nav-bar {
        padding-left: 15px;
    }*/
        /*display: none;*/
    #logo {
        margin-left: 0px;
    }
    .logo_text {
        margin-left: 175px !important;
    }

    .metro .tile.wide.imagetext {
      height: 60px !important;
    }

    .float-tale {
      font-size: 110% !important;
        padding: 10px 10px 10px 60px !important;
    }

    .float-tale .column-text_ {
      height: 60px;
    }

    .float-tale .image-wrapper {
      width: 50px !important;
      height: 50px !important;
      background-size: contain !important;
      position: absolute;
      top: 50%;
      left: 10px;
      margin: -25px 0 0 0;
    }
}

/*@media (max-width: 450px) {
    .top-info-block h3, .top-info-block h4 {
        font-size: 11px;
    }
}*/

#logo_cloud1 {
    width: 100px;
    height: 41px;
    background: url("../img/logo_RKeeper_Cloud_v1-01.png") no-repeat;
    background-size: contain;
}

#logo_cloud2 {
    width: 100px;
    height: 41px;
    background: url("../img/logo_RKeeper_Cloud_v2-01.png") no-repeat;
    background-size: contain;
}