#porteDearmaContainer {
    width: 100%;
    height: 69vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30vh;
    margin-bottom: 10vh;
}

#porteDearmaContainer .porteDearma {
    position: relative;
}

#porteDearmaContainer .porteDearma img[src="./img/certificados/CertificadoPorteDeArma.jpg"] {
    width: 100%;
    height: 100%;
}

#porteDearmaContainer .porteDearmaInfos {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    color: black;
    text-transform: capitalize;
    font-size: 15px;
}

#porteDearmaContainer .porteDearmaInfos .name {
    width: 28%;
    height: 8%;
    position: absolute;
    left: 30%;
    top: 34%;
}

#porteDearmaContainer .porteDearmaInfos .validade {
    width: 28%;
    height: 8%;
    position: absolute;
    left: 30%;
    top: 48%;
}

#porteDearmaContainer .porteDearmaInfos .id {
    width: 28%;
    height: 8%;
    position: absolute;
    left: 30%;
    top: 64%;
}

#porteDearmaContainer .porteDearmaInfos .categoria {
    width: 28%;
    height: 8%;
    position: absolute;
    left: 60%;
    top: 34%;
}

#porteDearmaContainer .porteDearmaInfos .modeloArma {
    width: 28%;
    height: 8%;
    position: absolute;
    left: 60%;
    top: 48%;
}

#porteDearmaContainer .porteDearmaInfos .sexo {
    width: 28%;
    height: 8%;
    position: absolute;
    left: 60%;
    top: 64%;
}

#porteDearmaContainer .porteDearmaInfos .logoCidade {
    width: 10%;
    height: 15%;
    position: absolute;
    left: 4%;
    top: 1%;
    border-radius: 50%;
    overflow: hidden;
}

#porteDearmaContainer .porteDearmaInfos .logoCidade img {
    width: 100%;
    height: 100%;
}

#porteDearmaContainer .porteDearmaInfos .fotoPerfil {
    width: 24.5%;
    height: 38.2%;
    position: absolute;
    left: 2.2%;
    top: 23.7%;
    border-radius: 50%;
    overflow: hidden;
}

#porteDearmaContainer .porteDearmaInfos .fotoPerfil img {
    width: 100%;
    height: 100%;
}