@import url('https://fonts.googleapis.com/css2?family=Karla:wght@300&display=swap%27');

* {
    font-family: 'Karla', sans-serif;
}

.menu {
    border: 25px solid black;
    padding: 100px 200px;
}

.menu .menu--items {
    display: grid;
    grid-template-columns: repeat(2, 500px);
    justify-content: space-around;
    margin-bottom: 150px;
	
}

.menu .menu--items h1 {
    background-color: black;
    color: white;
    padding: 15px;
	font-size: 20px;
	margin-top: 15px;

}

.menu .menu--items span,
.menu .last--items span {
    display: flex;
    justify-content: space-between;
	margin-top: 25px;
}

.menu--lastpart .title h1{
    border-top: 3px solid black;
    border-bottom: 3px solid black;
    padding: 15px;
}

.menu .menu--logo{
    margin-bottom: 60px;
}

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

	.menu .menu--items { grid-template-columns: 1fr; } {
	  display: grid;
	  
	}
  
  }

  @media screen and (max-width: 426px) { 
	.menu {
	padding: 50px;
	}
	

  }