/*
    Cores
    #3574F2 - azul
    #51F24B - verde
    #F2E74B - amarelo
    #F24B4B - vermelho
    #0D0D0D - preto

    Fonts
    .mogra-regular {
  font-family: "Mogra", system-ui;
  font-weight: 400;
  font-style: normal;
}

    .barriecito-regular {
  font-family: "Barriecito", system-ui;
  font-weight: 400;
  font-style: normal;
}

    .knewave-regular {
  font-family: "Knewave", system-ui;
  font-weight: 400;
  font-style: normal;
}


*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

@media screen and (max-width: 900px) {

	header {
    background: linear-gradient(rgba(255, 255, 255,255),rgba(255,255,255,0)), url('../Images/Header-CapaM.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

  header nav#nav-left ul#icon-menu{
    display: flex;
  }

    header nav#nav-left ul#icon-menu li#menuX{
    display: none;
  }

  header nav#nav-left ul.menu-main li a{
    font-size: 150%;
  }

  header nav#nav-left div#logo{
    margin-left: 1rem;
  }
}

@media screen and (max-width: 600px) {

	header {
    background: linear-gradient(rgba(255, 255, 255,255),rgba(255,255,255,0)), url('../Images/Header-CapaP.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

    header nav#nav-left {
    justify-content: space-between;
  }

    header nav#nav-left ul.menu-main li a{
    font-size: 120%;
  }

    header nav#nav-left div#logo{
    margin-left: 1rem;
  }
}