/* CSS Document */

/* Fonts */


body
{
	font-size: 13px;
	font-family: 'Bree Serif', serif;}
p, ul
{
	margin-top:1em;margin-bottom:1em;
	font-family:  'Bree Serif', serif;}
h1
{
	font-family: 'Oswald', sans-serif;	font-weight: bold;
}
h2
{
	font-family: 'Oswald', sans-serif;	font-weight: bold;
}
h3
{
	font-family: 'Oswald', sans-serif;	font-weight: bold;
}
h4
{
	font-family: 'Oswald', sans-serif;	font-weight: bold;
}
h5
{
	font-family: 'Oswald', sans-serif;	font-weight: bold;
}
h6
{
	font-family: 'Oswald', sans-serif;	font-weight: bold;
}



.buffer-top-lg
{
	margin-top:30px;
}
.buffer-bottom-lg
{
	margin-bottom:30px;
}
.buffer-top
{
	margin-top:20px;
}
.buffer-bottom
{
	margin-bottom:20px;
}
.buffer-top-md
{
	margin-top:10px;
}
.buffer-bottom-md
{
	margin-bottom:10px;
}
.buffer-top-sm
{
	margin-top:5px;
}
.buffer-bottom-sm
{
	margin-bottom:5px;
}



.order-heading-style
{
	background-color:#CED4D6;
	padding-top:5px;
	padding-bottom:5px;
	font-family: 'Bree Serif', serif;	font-weight: bold;
}
.order-orange-style
{
	background-color:#FF8C00;
	padding-top:20px;
	padding-bottom:20px;]
	font-family: 'Bree Serif', serif;	font-weight: bold;
}
.order-approve-style
{
	background-color:#66CC66;
	padding-top:15px;
	padding-bottom:15px;]
	font-family: 'Bree Serif', serif;	font-weight: bold;
}
.order-change-style
{
	background-color:#FF3333;
	padding-top:15px;
	padding-bottom:15px;]
	font-family: 'Bree Serif', serif;	font-weight: bold;
}


.order-style
{
	background-color:#EEEEEE;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	font-family: 'Bree Serif', serif;	font-weight: normal;
}
.order-style-xs
{
	background-color:#EEEEEE;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	font-family: 'Bree Serif', serif;	font-weight: normal;
}

.btn-right-space {
    margin-right: 10px;
}


/* BOOTSTRAP */
.container-fluid
{
	padding-right: 10px;  /* native 15px */
	padding-left: 10px;  /* native 15px */
}
.container
{
	padding-right: 10px;  /* native 15px */
	padding-left: 10px;  /* native 15px */
}


	@media only screen and (min-width: 576px) {
		body
		{
			font-size: 14px; /* was 13 */
		}
	}

	@media only screen and (min-width: 768px) {
		body
		{
			font-size: 14px; /* was 14 */
		}
	}
	
	@media only screen and (min-width: 992px) {
		body
		{
			font-size: 16px; /* was 16 */
		}
	}

/* https://codepen.io/leincetta/pen/wBQeww */