@charset "UTF-8";
@font-face {
    font-family: "Montserrat-Black";
    src: local("Montserrat Black"), local("Montserrat-Black"), url("https://www.maxima.pt/fonts/Montserrat-Black.woff2") format("woff2"), url("https://www.maxima.pt/fonts/Montserrat-Black.woff") format("woff"), url("https://www.maxima.pt/fonts/Montserrat-Black.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
}

body{
    margin:0;
}

#barramaxima {
    width: 100%;
    max-width: 1260px;
    min-height: 69px;
    background-image: url('i/bgm.png');
    background-repeat: no-repeat;
    background-position: center center;
    margin: 50px auto 70px auto;
    padding: 0;
    position: relative;
}

    #barramaxima span {
        font-size: 32px;
        line-height: 1.1;
        text-transform: uppercase;
        font-family: "Montserrat-Black", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
        color: #fff;
        text-decoration: none;
        position: absolute;
        top: 10px;
        left: 7%;
        font-weight: bold;
        letter-spacing: 6px;
    }


    #barramaxima a {
        font-size: 26px;
        line-height: 1.1;
        text-transform: uppercase;
        font-family: "Montserrat-Black", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
        color: #ff4c48;
        text-decoration: none;
        position: absolute;
        top: 15px;
        right: 3%;
        font-weight: bold;
        letter-spacing: 4px;
    }





        #barramaxima a:before {
            content: "";
            width: 120px;
            height: 151px;
            display: block;
            background-image: url(https://www.maxima.pt/staticassets/barra/i/kapa.png);
            background-repeat: no-repeat;
            background-size: cover;
            position: absolute;
            top: -50px;
            left: -140px;
        }

@media (max-width: 1025px) {

    #barramaxima span {
        font-size: 27px;
        top: 17px;
        letter-spacing:1px;
    }
    #barramaxima a {
        letter-spacing: 1px;
    }
}


    @media (max-width: 821px) {

        #barramaxima {
            width: 100%;
            max-width: 100%;
            min-height: 84px;
            background-image: url('https://www.maxima.pt/staticassets/barra/i/bgmo.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            margin: 30px auto;
            padding: 0;
            position: relative;
        }

            #barramaxima span {
                font-size: 15px;
                top: 10px;
                left: 20%;
                font-weight: bold;
                letter-spacing:0;
            }


            #barramaxima a {
                font-size: 14px;
                top: 54px;
                right: initial;
                left: 50%;
                font-weight: bold;
                letter-spacing: 0;
            }

                #barramaxima a:before {
                    content: "";
                    width: 85px;
                    height: 110px;
                    display: block;
                    background-image: url(https://www.maxima.pt/staticassets/barra/i/kapa.png);
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: absolute;
                    top: -66px;
                    left: 180px;
                }
    }


@media (max-width: 767px) {

    #barramaxima {
        width: 100%;
        max-width: 100%;
        min-height: 84px;
        background-image: url('https://www.maxima.pt/staticassets/barra/i/bgmo.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        margin: 30px auto;
        padding: 0;
        position: relative;
    }

        #barramaxima span {
            font-size: 15px;
            top: 10px;
            left: 3%;
            font-weight: bold;
            letter-spacing: 0;
        }


        #barramaxima a {
            font-size: 14px;
            top: 54px;
            right: initial;
            left: 27%;
            font-weight: bold;
            letter-spacing: 0;
        }

            #barramaxima a:before {
                content: "";
                width: 85px;
                height: 110px;
                display: block;
                background-image: url(https://www.maxima.pt/staticassets/barra/i/kapa.png);
                background-repeat: no-repeat;
                background-size: cover;
                position: absolute;
                top: -66px;
                left: 180px;
            }
}