body {
    width: 100vw;
    overflow: scroll;
/*    font-family: 'M PLUS Rounded 1c', sans-seif !important;*/
}


.intro {
    padding-top: 50px;
    padding-left: 5%;
    padding-right: 5%;
}

.error_msg {
    padding: 1% 5%;
    display: flex;
    flex-direction: column;
}

.error {
    font-size: 1rem;
}


.sub_url {
    height: 5%;
    padding:0;
}
.pr_list{
	height: 50%;
	display: flex;
  justify-content: center;
}
.list {
	width:85%;
    height: 100%;
}

.list section{
	display: flex;
  justify-content: center;
}
.list .q_title{
	width:20%;
	    background: rgba(204, 160, 124, 1);
	
}
 .q_title{
		display: flex;
  justify-content: center;
  align-items:center;
  font-weight:bold;
	
}
.list .q_values{
	width:80%;
}
.q_values{
	display: flex;
  flex-direction: row;
}

.q_values{
	flex-wrap: wrap;
}
@media screen and (max-width : 750px){
	.list {
	width:90%;
}
.category .q_values{
	flex-wrap: wrap;
}
}
.q_values.keywords{
	align-items:center;
}
.list .q_values div{
	width:50%;
	padding:1rem 0;
}
.list .q_values p{
	width:100%;
	    text-align: left;
}
.list .q_values div.select_all{
	width:100%;
	font-weight:bold;
}
.q_title,.q_values{
	border: 2px solid white;
}

.keywords input{
	width:100%
}
.submit_btn {
    height: 10%;
    padding: 5%;
    display: flex;
    justify-content: space-around;
}

@media screen and (max-width : 750px){
.year .q_values div {
    width: 50%;
}
.category .q_values div {
    width: 100%;
}
div.keywords.q_values div{
	width:95%
}
.list .q_values div {
    padding-top: 1rem;
}
body{font-size:0.9rem;}
.q_values.keywords p {
    font-size:0.7rem;
}
}

.form {
    padding-top: 3%;
    height: 25%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: space-around;
}

label img {
  vertical-align: middle;
  margin-left: 0.5rem;
  width: 20px;
 }