html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}
body {
    position: static;
    margin:0;
    padding:0;
    height: 100%;
}
#language{
    float:right;
    padding-top: 20px;
}

#language > p{
    background-color: white;
    width: inherit;
    height: auto;
    padding-right: 30px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    line-height:inherit;
    vertical-align:middle;
    text-align:center;
}

.leng1 {
    color: #58595b;
    font-family: 'ubuntu';
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

#language > p:hover {
    background-color: lightgray;
}
.lineContainer {
    position: fixed;
    top: 48%;
    left: 50%;
    /*width: 100%; */ 
    -webkit-transform: translate(-50%, -50%);  
        -ms-transform: translate(-50%, -50%);  
            transform: translate(-50%, -50%);
}
.lineContainer .line {
    display: inline-table;
    background: white;
    height: 3px;
    vertical-align: middle;
}
.lineContainer .text {
    color: white;
    vertical-align: middle;
    display: inline-block;
    /*padding: 5px;*/
    font-size: 15pt;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-weight: 500;
    text-shadow: 0 0 4px black;
}


.topdiv {
    clear:both;
    position:absolute;
    top:0;
    height:50%;
    width:100%;
    background: url(../contents/refeel-business.jpg);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: center;
    background-size: cover;
    font-size:16px;
    text-align:center;
    -o-object-fit: contain;
       object-fit: contain;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    -webkit-transition: all 0.3s linear;
            transition: all 0.3s linear;
    -webkit-filter: brightness(60%);
    filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(60%);
            filter: brightness(60%);
    filter:progid:DXImageTransform.Microsoft.Light();
    z-index: -1;
}
.topdiv:hover {
    -webkit-filter: brightness(100%);
    filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(100%);
            filter: brightness(100%);
    filter:progid:DXImageTransform.Microsoft.Light();
    z-index: -1;
}
div.bottomdiv {
    clear:both;
    position:absolute;
    bottom:0;
    height:50%;
    width:100%;
    background: url(../contents/refeel-home.jpg);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: center;
    background-size: cover;
    font-size:16px;
    text-align:center;
    -o-object-fit: contain;
       object-fit: contain;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    -webkit-transition: all 0.3s linear;
            transition: all 0.3s linear;
    -webkit-filter: brightness(60%);
    filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(60%);
            filter: brightness(60%);
    filter:progid:DXImageTransform.Microsoft.Light();
    z-index: -1;
}
div.bottomdiv:hover {
    -webkit-filter: brightness(100%);
    filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(100%);
            filter: brightness(100%);
    filter:progid:DXImageTransform.Microsoft.Light();
    z-index: -1;
}
.logo1 {
    position: fixed;
    top: 20%;
    left: 50%;
    max-width: 20%;
    -webkit-transform: translate(-50%, -20%);
        -ms-transform: translate(-50%, -20%);
            transform: translate(-50%, -20%);
}
.logo2 {
    position: fixed;
    bottom: 15%;
    left: 50%;
    max-width: 20%;
    -webkit-transform: translate(-50%, -20%);
        -ms-transform: translate(-50%, -20%);
            transform: translate(-50%, -20%);
}
.footer p {
    position: fixed;
    bottom:0;
    left: 45%;
    color: white;
    font-family: 'ubuntu';
    font-size: 10px;
    font-weight: 100;
    text-align: center;
}

@media screen and (max-width:320px){
    .logo1, .logo2 {
        max-width: 40% !important;
        height: auto;
    }
}

/* Media Query to filter IE8 */
@media \0screen {
    .logo1, .logo2 { 
        width: auto;
    }
}
@media screen and (max-width:480px){
    .logo1, .logo2 {
        max-width: 30% !important;
        height: auto;
    }
}

@media screen and (max-width:768px){
    .logo1, .logo2 {
        max-width: 50%;
        height: auto;
    }
}
@media screen and (max-width:980px){
    .logo1, .logo2 {
        max-width: 35%;
        height: auto;
    }
}