fabriziofeitosa

  $(function () {
    $("body").on("click", function (e) {
      // Defina o alvo | Ex.: ".notificacao,.boxPerfil" | Não faz nada se for o alvo.
      if ($(e.target).closest(".notificacao,.boxPerfil").length) return;
      
      // O que deve ser feito caso não seja o alvo?
      console.log("Você clicou fora do alvo!");
      document.getElementById("optNotif").checked = false;
      document.getElementById("optMenu").checked = false;
    });

fabriziofeitosa

.constant-width-to-height-ratio {
  background: #333;
  width: 50%;
}
.constant-width-to-height-ratio::before {
  content: '';
  padding-top: 30%;
  float: left;
}
.constant-width-to-height-ratio::after {