html, body	{
	height : 100%;
	}
body	{
	background : white;
	margin : 0px;

	font-family : calibri, verdana, arial, san-serif;
	color : black;
	font-size : 11pt;
	-webkit-text-size-adjust: none;
	}
img	{
	max-width : 100%;
	}
h1, h2, h3	{
	font-family : Calibri, arial, Time New Roman, serif;
	font-weight : normal;
	}
h1	{
	font-size : 1.5em;
	}
h2	{
	font-size : 1.2em;
	}
h3	{
	font-size : 1.1em;
	}
h4	{
	font-size : 1em;
	font-weight : 700;
	}
.fullpage	{
	width : 100%;
	height : 100%;
	background-image : url(../images/logo.png);
	background-repeat : no-repeat;
	background-size : 200px;
	background-position : center center;
	}
.invpage	{
	width : 90%;
	height : 100px;
	background-image : url(../images/logo.png);
	background-repeat : no-repeat;
	background-size : 90px;
	background-position : center left;
	margin : 0px auto;
	}

#payment	{
	position : absolute;
	top : 0px;
	left : 0px;
	margin-top : 50px;
	margin-left : -200px;
	width : 320px;
	background : none;
	z-index : 50;
	display : flex;
	flex-direction : row;
	justify-content : flex-start;
	align-items : stretch;
	}
.tab	{
	background : #888888;
	border-radius : 0px 10px 10px 0px;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	margin-left : 0px;
	padding : 10px 0px;
	}
.tab a	{
	color : white;
	text-decoration : none;
	padding : 5px;
	font-weight : bold;
	font-size : 1.2em;
	}
.invoice_details	{
	background : #888888;
	border-radius : 0px 0px 0px 0px;
	width : 200px;
	padding : 5px;
	text-align : center;
	}
.invoice_details h1	{
	color : white;
	font-size : 1.3em;
	width : auto;
	}
.invoice_details input[type=text]	{
	margin : 5px 0px; 
	border : none;
	padding : 2px;
	font-size : 16px;
	width : 180px;
	}

input[type=button]	{
	color : white;
	font-weight : normal;
	padding : 10px 40px;
	width : auto;
	border-radius : 30px;
	border : solid 1px black;
	background : black;
	margin : 10px auto;
	}


#card-element	{
	border : solid 1px #999999;
	border-radius : 4px;
	padding : 5px 1px;
	}
#payment_message,
#card-element	{
	width : 100%;
	max-width : 450px;
	}


.inv_section_1,
.inv_section_2,
.inv_section_3	{
	width : 90%;
	max-width : 1000px;
	margin : 0px auto;
	}

.inv_section_1,
.inv_section_3	{
	display : flex;
	flex-direction : row;
	justify-content : flex-start;
	align-items : flex-start;
	flex-wrap : wrap;
	}
.inv_section_1 div	{
	width : 50%;
	}

.inv_section_3 div	{
	width : 25%;
	line-height : 2em;
	}
.inv_section_3 div:nth-child(3),
.inv_section_3 div:nth-child(4)	{
	text-align : right;
	}


@media (max-width:600px)
{

  .inv_section_1	{
	flex-direction : column;
	}
  .inv_section_3 div:nth-child(1),
  .inv_section_3 div:nth-child(2)	{
	width : 100%;
	}
  .inv_section_3 div:nth-child(3),
  .inv_section_3 div:nth-child(4)	{
	width : 50%;
	}

}