@charset "utf-8";

@media (min-width:576px) and (max-width:767px){
	
	body {
    max-width: 100%;
	font-size: 16px;
    font-weight: 400;
    vertical-align: baseline;
    line-height: inherit;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    background-image: url(../images/back-groundA.jpg);		
}
  
.notice {
    display:none;
     /*visibility: hidden;*/
}
	
	#headimage img {
	width: 100%;
	height: 150px;
	position: relative;
}

   
	
/*#quizBtn {
    position: relative;
    top: -70px;
    left: 40%;
	right:60%;
    height: 0px;
}*/
	
	.cards {
        margin-top: -1em;
    }

	
     .tainer .thumbnail {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding-bottom: auto;	
}
		
 	.card-content p {
    font-size: 16px;
    color: black;
    text-align: left;
}
	.card-content h1 {
	font-size: 22px;
	text-decoration: underline;
	color: #000000;
	}
	
	.card-content2 {
	display: flex;
	flex: 1 0 calc(50% - 1em);
	margin-bottom: 1em;
	max-height:200px;
	flex-wrap: nowrap;
	justify-content: space-between;
	font-size: 15px;
	margin-left: 50px;
	margin-right: 50px;
}
.card-content a h2 {
    font-size: 30px;
}
l1 {
    width: 125px;
    height: 30px;
    font-size: 12px;
    margin-top: 4px;
    float: left;
    margin-left: 10px;
}

	
}