body {
	background-color: rgb(255, 255, 255);
}

.layout {
	width: 800px;
	margin: auto;
}

.accordion {
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: rgb(18, 86, 233);
	border-radius: 10px;
}

.accordion__question p {
	margin: 5px;
	padding: 0;
	font-family: Verdana;
	font-size: 20px;
    color: white;
}

.accordion__answer p {
	margin: 5px;
	padding: 10px;
	font-size: large;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: rgb(255, 255, 255);
	background: rgb(8, 154, 199);
	border-radius: 10px;
}

.accordion:hover {
	cursor: pointer;
}

.accordion__answer {
	display: none;
}

.accordion.active .accordion__answer {
	display: block;
}
@media screen and (max-width:992px){
	.layout{
	width:100% !important;
	}
	}
	
	@media screen and (min-width:992px){
	.layout{
	width:800px
	
	}
	}