@charset "utf-8";
/* CSS Document */

*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
	list-style: none;
	text-decoration: none;
	scroll-behavior: smooth;
	scroll-padding-top: 3.0rem;
	max-width: 100%;
}

:root{
	--bg-color: #ffffff;
	--sec-bg-col: whitesmoke;
	--bg-gray: #6c757d;
	--bg-gray-t: #d9dadb;
	--fade-main-color: #fd7e14cc;
	--main-color: #fd7e14; /*rgb 253, 126, 20*/
	--fade-color: #ffffffcc;
	--txt-menu: #343a40;
	--txt-color: #212529;
	--txt-col-light: #f8f9fa;
	--txt-col: #ffc107;
	--txt-col2: #ff2e4a;
	--big-font: 3.5rem;
	--std-font: 2.5rem;
	--h2-font: 1.5rem;
	--h3-font:1.2rem;
	--h4-font:0.9rem;
	--h5-font:0.8rem;
	--h6-font:0.8rem;
	--p-font: 1.0rem;
	--f-font: 1.2rem;
}


.container-dl{
	width: 100%;
	height: 100%;
	position: relative;
}

.dl-content{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100%, auto));
	grid-gap: 2rem;
	align-items: center;
	justify-content: center;
	margin-bottom: 4rem;
/*	background: var(--main-color);*/
}

.dl-wrapper{
	max-width: 100%;
	height: auto;
/*	background: var(--sec-bg-col);*/
}
.dl-wrapper .dl-title{
	margin-bottom: 3vh;
	padding: 10px;
	text-align: left;
	font-size: var(--h3-font);
	color: var(--txt-col2);
	text-shadow: 1px 1.5px #000000B3;
}

.dl-table{
	padding: 10px;
/*	background: var(--main-color);*/
}

.content-table{
	width: 100%;
	border-collapse: collapse;
	font-size: var(--h4-font);
	letter-spacing: 0.5px;
	text-align: left;
}
.content-table thead{
	background: var(--main-color);
	color: var(--txt-col-light);
}
.content-table thead tr th{
	font-weight: 700;
	opacity: 1;
	vertical-align: top;
	padding: 10px;
	border: 1px solid #d9dadb;
	text-align: center;
}
.content-table tbody tr td{
	font-weight: 500;
	padding: 10px;
	border: 1px solid #d9dadb;
	align-items: center;
}
.content-table tbody tr td .btn{
	width: 130px;
	text-decoration: none;
	line-height: 30px;
	display: inline-block;
	background: var(--main-color);
	color: var(--txt-col-light);
	text-align: center;
	font-weight: 600;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	opacity: 1;
}


@media (max-width: 768px){
	.content-table thead{
		display: none;
	}
	.content-table, .content-table tbody, .content-table tr, .content-table td{
		display: block;
		width: 100%;
	}
	.content-table tr{
		margin-bottom: 15px;
	}
	.content-table tbody tr td{
		text-align: right;
		padding-left: 40%;
		position: relative;
	}
	.content-table td:before{
		content: attr(data-label);
		position: absolute;
		left: 0;
		width: 50%;
		padding-left: 15px;
		font-weight: 600;
		font-size: var(--h4-font);
		text-align: left;
	}
}