@font-face {
  font-family: "gaylon"; /* set name */
  src: url("../font/galyon/Galyon-Book.otf");
}
body { font-family: "gaylon"; }
.bg { background: url("../images/Brydge-Website.png") no-repeat center center rgba(0, 0, 0, 0.2); background-size: cover; background-blend-mode: multiply;}
.message { height: 100vh; display: table-cell; vertical-align: middle;}
.message h1, .message h2, .message h4, .message h5, .message p { color: #fff;}
.message h1 { font-size: 64px; font-weight: bolder; line-height: 1; padding-bottom: 15px;}
a { color: #fff;}
hr { background-color: #fff; margin: 30px 0;}
.left { display: inline-block; border-right: 1px solid #fff; padding-right: 30px; margin-top: 20px;}
.left:last-child { border-right: none;}
.left.right { padding-left: 30px;}

@media (max-width: 768px) {
	.message h1 { font-size: 48px;}
	.left { padding-right: 20px;}
	.left.right { padding-left: 20px !important;}
}

@media (max-width: 526px) {
	.message h1 { font-size: 38px; padding-bottom: 10px;}
	.message h2 { font-size: 26px;}
	hr { margin: 10px 0;}
	.left { padding-right: 0px; border-right: none; width: 100%; border-bottom: 1px solid #fff; padding-bottom: 0px; margin-top: 10px;}
	.left:last-child { border-bottom: none;}
	.left.right { padding-left: 0px !important; padding-top: 0px;}
}