@charset "utf-8";
/* CSS Document */

@media (max-width : 455px ){
	body {
    background-image: url("../images/back-groundA.jpg");
    background-repeat: repeat;
}
.notice {
    display:block;
    height: 100px;
    visibility: hidden;
}	
	
.tophead #headimage {
    position: relative;
    display:none;
    visibility: hidden;
    z-index: 0;
    left: -559px;
   }

	/*#headimage img {
	width:100%;
	height: 100px;
}*/
	
    .tophead{
        background-color: darkblue;
        height: 150px;    
    }
    
    
    
	.colt { 
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		flex: 0 1 calc(50% - 1em);
		justify-content: space-between;
}
	
	.card-content2 {
	display: flex;
	margin-bottom: 1em;
	max-height:200px;
	flex-wrap: nowrap;
	justify-content: space-between;
	font-size: 15px;
	margin-left: 50px;
	margin-right: 50px;
}
	.card {
    /*display: flex;
    flex: 0 1 calc(100% - 1em);*/
    border: thin solid #B6B6B6;
    top: -90px;
    }
	
	.card-content p {
	font-size: 14px;
	 color: black;
}
	.card-content h1 {
	font-size: 22px;
		text-decoration: underline;
	color: #000000;
	}
	
.navbar-brand img  {
    width: 105px;
    height: 40px;
    top: -7px;
    position: relative;
}
.tophead {
    /*left: 10px;*/
    top: auto;
    position: relative;
}

#quizBtn {
    position: absolute;
    top: -121px;
    right: auto;
    left: auto;
    float: none;
}
.tainer video {
    width: 292px;
    top: auto;
}

l1 {
    width: 125px;
    height: 30px;
    font-size: 14px;
    margin-top: 6px;
   /* float: left;*/
    margin-left: 0px;
}



}