
body {
	max-width: 559px;
}

.top {
	 background-color: #f8ff4b;
height: auto;
display: flex;
}

.toggle-button {
    background-color: #f8ff4b;
    margin: 0;
    width: 15%;
}

.login {
	line-height: 30px;
}

.login ul {
	width: 100%;
	text-align: right;
}

.nose {
	width: auto;
}

h4 {
	text-align: center;
	margin-bottom: 20px;
}

h5 {
	text-align: left;
	font-size: 1.4em;
	color: black;
	font-weight: bold;
	margin: 5px 20px;
}

p {
	text-align: left;
	font-size: 1.4em;
	font-weight: normal;
	margin: 15px 20px;
}



@media (min-width: 560px) {
 .top {
	 background-color: #f8ff4b;
height: auto;
display: flex;
}

.toggle-button {
    background-color: #f8ff4b;
    margin: 0;
    width: 15%;
}

.login {
	line-height: 30px;
}

.login ul {
	width: 100%;
	text-align: right;
}

.nose {
	width: auto;
}

h4 {
	text-align: center;
	margin-bottom: 20px;
}

h5 {
	text-align: left;
	font-size: 1.4em;
	color: black;
	font-weight: bold;
	margin: 5px 20px;
}

p {
	text-align: left;
	font-size: 1.4em;
	font-weight: normal;
	margin: 15px 20px;
}

}
