*{
 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 : 10px; */
	margin-top: 10px;
	background-color: blue;
}


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


h3{
	color: white;
	/* margin-bottom: 5px; */
	display: inline;
	line-height: 1.6rem;
	padding: 10px;

}

p{
	color: white;

}

.left {
	/* width: 30%; */
	display: flex;
	justify-content: center;
	text-align: center;
	/* border: 1px solid red; */
	padding: 15px;
	/* margin : auto; */
  }


 .center{
	position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
	padding: 40px;
	margin-bottom: 40px;
	border: 1px solid white;
 } 

  a{
	/* display: inline; */
	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;
  }

  img{
	height: 70px;
  }


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

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


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

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

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

	}

	a{
		display: block;
	}

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

	}

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

}