@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;700&display=swap');

body
{
	font-family: Inter;
	font-size: 14px;
}

h1,h2,h3,h4,h5
{
	font-weight: 700;
}

.btn-primary,
.btn-primary:visited
{
	background: #0B62DB;
}

.btn-primary:hover
{
	background: #307DE9;
}

.btn-outline-primary,
.btn-outline-primary:visited
{
	border-color: #0B62DB;
	color: #0B62DB;
}

.btn-outline-primary:hover
{
	background: #307DE9;
	border-color: #307DE9;
	color: #FFF;
}

.btn-gowasap
{
	background: #8F0;
	font-weight: 700;
}

.btn-gowasap:hover
{
	background: #BF0;
}

.btn-outline-gowasap
{
	font-weight: 700;
	border-color: #8F0;
}

.btn-outline-gowasap:hover
{
	border-color: #BF0;
}

label
{
	font-size: 0.8em;
	color: #888;
}

.form-control, .form-select
{
	font-size: 0.8em;
}

.xl-show,
.lg-show,
.md-show,
.sm-show,
.xs-show
{
	display: none;
}
/*
.xs-show
{
	display: block;
}*/

/*by default: xs, mobile first*/

/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 576px) {
	body
	{
/*		background: red;*/
	}

	.xs-show
	{
		display: flex;
	}
}

/* Small devices (landscape phones, less than 768px)*/
@media (min-width: 576px) and (max-width: 767px) {
	body
	{
/*		background: orange;*/
	}

	.sm-show
	{
		display: flex;
	}
}

/* Medium devices (tablets, less than 992px)*/
@media (min-width: 768px) and (max-width: 991px) {
	body
	{
/*		background: yellow;*/
	}

	.md-show
	{
		display: flex;
	}
}

/* Large devices (desktops, less than 1200px)*/
@media (min-width: 992px) and (max-width: 1199px) {
	body
	{
/*		background: green;*/
	}

	.lg-show
	{
		display: flex;
	}
}

/* X-Large devices (large desktops, less than 1400px)*/
@media (min-width: 1200px) {
	body
	{
/*		background: blue;*/
	}

	.xl-show
	{
		display: flex;
	}
}