﻿@font-face {
  font-family: 'Roboto-Light';
  src: url("Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url("Roboto-Regular.ttf") format("truetype");
}
body {
    font-family: 'Roboto-Light', -apple-system, Segoe UI, Helvetica, Arial, 'sans-serif';
    margin: 0;
    font-size: 17px;
    color: #4d4f53;
}
.pay-container__wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.pay-container {
    background-color: #fff;
    padding: 20px 30px;
}
.pay-container__header {
	height:55px;
	text-align: center;
}
.merchant-logo img {
	height:55px;
	max-width:150px;
}
.pay-container__main {
	margin-top:15px;
	text-align:center;
}
.pay-container__main img {
	width:115px;
	height:115px;
	padding-bottom: 15px;
}
.pay-container__main .header {
	font-family: 'Roboto-Regular', -apple-system, Segoe UI, Helvetica, Arial, 'sans-serif';
    font-size: 1.75rem;
    line-height: 100%;
    margin: 0;
    padding-bottom: 15px;
}
.pay-container__main .header.en {
	font-size: 1.5rem !important;
}
.pay-container__main .text {
    text-align: center;
    margin: 0;
}
.pay-container__main .text + .text {
	padding-top: 15px;
}
.pay-container__main .text.en {
	font-size: 0.875rem !important;
}
hr {
	display: none;
	width:600px;
	max-width:50%;
	margin:2em auto;
}
div.en {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ccc;
}

/*
styles for mobile version
*/
@media screen and (max-width: 376px) {
body {
	font-size: 15px;
}
.pay-container {
	padding:15px;
}
.pay-container__header,
.merchant-logo img {
	height: 50px;
}
.pay-container__main {
	margin-top:20px;
}
.pay-container__main img {
	padding-bottom: 0;
}
.pay-container__main .header {
	font-size: 1.5rem;
	line-height: 120%;
}
div.en {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
}