﻿.txt-blk {
    color: #000000;
}

.xadresVermelho {
    background-color: #00b1d2;
}

.xadresCinza {
    background-color: #E8E8E8;
    color: #000000;
}

@media (max-width: 500px) {
    h2.big_title {
        font-size: 4.5vw !important;
    }
}

.dotted-bg::before {
    opacity: 0.7;
    width: 90%;
    height: 80%;
    padding: 0;
}

.telapedidos {
    -webkit-mask-image: linear-gradient(to top, transparent 0%, black 30%);
    margin-top: 60px;
}

@media (max-width: 1499px) and (min-width: 700px) {
    #main_title {
        font-size: 3.5vw !important;
    }
}

.meuContainer {
    position: relative;
    width: 100%;
}

    .meuContainer .txtImagem {
        position: absolute;
        font-size: 32px;
        left: 20%;
        top: 28%;
        margin-top: -45px;
    }

mark {
    background-color: #ff0000;
    color: #ffffff;
}

.remove-whitespace {
    margin: 0;
    margin-bottom: 35px;
    padding: 0;
    line-height: 30px;
    height: 25px;
    letter-spacing: 2px;
}

#iconeCliente {
    display: block;
    position: absolute;
    height: 124px;
    width: 141px;
    left: -25%;
    top: -1%;
    z-index: 1;
}

@media (max-width: 800px) {
    .meuContainer {
        display: none;
    }
}

@media (min-width: 800px) {
    #orignalClienteImg {
        display: none;
    }
}

@media (min-width: 1200px) {
    #centralizaTxt {
        margin-top: 90px;
    }
}
/* Config. for notebook screen*/
@media (max-width: 1199px) {
    .meuContainer .txtImagem {
        position: absolute;
        font-size: 32px;
        left: 20%;
        top: 28%;
        margin-top: -50px;
    }
}

.txtLink:hover {
    text-decoration: underline !important;
}
