﻿@charset "UTF-8";
/* CSS Document */
body::before {
    background-size: cover;
    background-attachment: fixed;
    content: '';
    will-change: transform;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: fixed;
    height: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url('../images/bg_3.png');
}

html, body {
    overflow: auto;
}

@media (max-width: 512px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 512px) and (min-resolution: 1.5dppx), (max-width: 1024px) and (-webkit-max-device-pixel-ratio: 1.5), (max-width: 1024px) and (max-resolution: 1.5dppx) {
    body::before {
        background-image: url('../images/bg_1.png');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_1.png', sizingMethod='scale')";
    }

    .logoFSI {
        background-image: url('../images/logoDesktop@0.5x.png');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logoDesktop@0.5x.png', sizingMethod='scale')";
        background-repeat: no-repeat;
        min-height: 140px;      
        background-attachment: fixed;
        background-position: center top; 
    }
}

@media (min-width: 513px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 513px) and (max-width: 1024px) and (min-resolution: 1.5dppx), (min-width: 1025px) and (max-width: 2048px) and (-webkit-max-device-pixel-ratio: 1.5), (min-width: 1025px) and (max-width: 2048px) and (max-resolution: 1.5dppx) {
    body::before {
        background-image: url('../images/bg_2.png');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_2.png', sizingMethod='scale')";
    }

    .logoFSI {
        background-image: url('../images/logoDesktop@0.75x.png') !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logoDesktop@0.75x.png', sizingMethod='scale')";
        background-repeat: no-repeat;
        min-height: 200px;      
        background-attachment: fixed;
        background-position: center top; 
    }
}

@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1025px) and (min-resolution: 1.5dppx), (min-width: 1920px) and (-webkit-max-device-pixel-ratio: 1.5), (min-width: 1920px) and (max-resolution: 1.5dppx) {
    body::before {
        background-image: url('../images/bg_3.png');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_3.png', sizingMethod='scale')";
    }

    .logoFSI {
        background-image: url('../images/logoDesktop.png') !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logoDesktop.png', sizingMethod='scale')";
        background-repeat: no-repeat;
        min-height: 300px;      
        background-attachment: fixed;
        background-position: center top; 
    }
}



.container-max-width {
    max-width: 1440px;
    margin: auto;
    width: 96%;
}
