*{
 margin : 0;
 padding: 0;
 box-sizing: border-box;
}


@font-face {
	font-family: "bkk-regular";
	src: url("bkk_regular.ttf") format("truetype");
	unicode-range : U+AC00-D7A3;}

@font-face {
	font-family: "bkk-bold";
	src: url("bkk-bold.ttf") format("truetype");
	unicode-range : U+AC00-D7A3;}




body{
	margin-left : 0px;
	margin-top: 10px;
	background-color: blue;
}


h1{
	font-family: "bkk-bold";
	color: white;
	font-size: 28px;
	display: inline;
	float: center;
	margin-right: 15px;


}

h2{
	color: white;
	text-align: center;
}

h3{
	/* font-family: "bkk-regular"; */
	color: white;
	line-height: 1.6rem;
	display: inline;
	padding: 10px;

}

h4{
	/* font-family: "bkk-regular"; */
	color: white;
	text-align: center;
	font-weight: 400;
}

h5{
	color: white;
	text-align: center;
	font-weight: 400;
	font-size: 18px;
}

p{
	font-family: "bkk-bold";
	color:white;
}

.left {
	/* width: 30%; */
	display: flex;
	justify-content: center;
	/* display: inline; */
	padding: 15px;
	/* border-bottom: 1px solid white; */

	/* border: 1px solid red; */
  }


.detail{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	border: 1px solid white;
	padding: 40px;
}


img{
	position:absolute;
	margin-top:10px;
	left:50%;
	max-width:150px;
	transform: translate(-50%);
}


a{
	display: flex;
	justify-content: center;

	text-decoration: none;
	color:black;
}

a:visited {
	text-decoration: none;
	color:black;
  }
  
  a:hover {
	text-decoration: none;
	color: #23ffff;
  }
  
  a:active {
	text-decoration: none;
	color: black;
  }



  @media only screen and (max-width: 704px)
{

	h1{
		font-family: "bkk-bold";
		color: white;
		text-align: center;
		display: block;
		margin-bottom: 10px;
	}


	a{display: block;
		float: center;
		text-align: center;
	}

	h3{
		/* font-family: "bkk-regular"; */
		color: white;
		line-height: 1.6rem;
		text-align: center;

		display: inline;
	}

	h4{
		/* font-family: "bkk-regular"; */
		color: white;
		line-height: 1.6rem;
		text-align: center;
	}

	p{
		font-family: "bkk-bold";
		color:white;
		text-align: center;

	}

	.left{
		/* width: 100%;  */
		display: block;
		float: center;
		height: auto;
		

	}

	.detail{
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0%, 0%);
		margin: 10px;
}