@font-face {
    font-family: 'Soleto_Rg';
    src: url('../../Fonts/Soleto_Rg.ttf') format('truetype');
}

body {
    font-family: 'Soleto_Rg' !important;
    background-color: #ffffff;
}

@media (max-width: 479px) 
{
    .divDestaque {
        border-style: solid;
        border-left-width: 0px;
        border-top-width: 3px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-color: #364a8a;
        min-height: 150px;
    }

    .PosicaoFoto
    {
        left:25%;
    }
}

@media (min-width: 480px) and (max-width: 767px) 
{
    .divDestaque {
        border-style: solid;
        border-left-width: 0px;
        border-top-width: 3px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-color: #364a8a;
        min-height: 150px;
    }

    .PosicaoFoto {
        left: 35%;
    }
}

@media (min-width: 768px) and (max-width: 1199px) 
{
    .divDestaque {
        border-style: solid;
        border-left-width: 3px;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-color: #364a8a;
        min-height: 150px;
    }

    .PosicaoFoto {
        left: 0%;
    }
}

@media (min-width: 1200px) 
{
    .divDestaque {
        border-style: solid;
        border-left-width: 3px;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-color: #364a8a;
        min-height: 150px;
    }

    .PosicaoFoto {
        left: 15%;
    }
}

.modalDetalhes {
    top: 0px;
    left: 0px;
    width: 0px;
    height: 100%;
    background-color: transparent;
    position: fixed;
    z-index: 1050;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
    transition: width .45s linear;
    display: block;
}