*{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


body{
    width:100%;
    height:100vh;
    background-color: white;
    font-family: Montserrat;
    max-width: 100vw;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: hidden;
}

.container{

    width:100%;
    height:100vh;
}

.slide-3{
    z-index: 100;
    width:100vw;
    height: 100vh;
    position: absolute;
}

.bg3circulovermelho{
    position: absolute;
    z-index: -1;

    height: 62%;
    width:  62%;

    top:    -7vh; 
    left:    -36vw;
}

.bg3trianguloamarelo{
    position: absolute;
    z-index: -1;

    height: 12%;
    width:  12%;

    bottom:   0vh; 
    left:     3vw;
}

.bg3circuloamareloazulvazado{
    position: absolute;
    z-index: -1;

    height: 7%;
    width:  7%;

    top:    4.5vh; 
    right:  4.2vw;
}


.titulocinza{
    position: absolute;

    display: flex;
    top: 8vh;
    right: 3vw;
    
    width: 48vw;
    justify-content: flex-end;
    align-items: center;
    z-index: 3;
}


.titulomod{
    
    z-index: 3;
    
    margin-right: 1vh;
    font-family: "Open Sans", sans-serif ;
    font-size: 2vh;
    font-weight: 540;
    color: #888888;
}

.subtitulomod{
    display: flex;
    align-items: center;
    font-family: "Open Sans", sans-serif ;
    font-size: 2vh;
    color: #757575;
    font-weight: 700;
    padding-left: 1vw;
    padding-right: 1vw;

    background-color: #c7c7c7;
}

.slide{
    display: none;
    width: 100%;
    height: 100%;
}

.slide:target{
    display: block;
}