:root{	
	--base-font-size:.8rem;
	--backgrnd :url('https://zahidcontainer.com/wp-content/uploads/2020/12/37-740x490.jpg')
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



/* NULL */
html, body,  div, img
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

/*Do not forget to describe the styles for:focus!*/
:focus {
	outline:0;
}

html,body{
 
	font-family: sans-serif;
	width:100%;
	height:100%;	
	margin:0;
	padding:0;
	display:flex;
	flex-direction:column;
	justify-content: center;
}

h3{
	font: 400 calc(1 * var(--base-font-size)) sans-serif;
}

textarea,
select,
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"] {
	display: block;
	padding: 0 1rem;
	z-index: 2;
	width: 100%;
	/*height:100%; */
	padding: calc(1 * var(--base-font-size)) calc(.7 * var(--base-font-size));
	line-height: calc(3 * var(--base-font-size));
	font: 400 calc(1 * var(--base-font-size)) sans-serif;
	color: #000;
	background: #fbfbbb80;
	border: 2px solid #88ba87;
	border-radius: 3px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	text-transform: uppercase;
}


textarea{
	background: #fbfbbb54;
}::-webkit-input-placeholder {
	opacity: .6;
	font-weight: 300;
	font-size: calc(.85 * var(--base-font-size));
	color: #393939;
}::-moz-placeholder {
	opacity: .6;
	font-weight: 300;
	font-size: calc(.85 * var(--base-font-size));
	color: #393939;
}

textarea:focus,
select:focus,
input:focus{
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.break{margin-top:5%;}
.form {
	z-index:2;
	padding: calc(1.25 * var(--base-font-size));
	background: #f1f2f2b0;
	color: #000;
	border-radius: 3px;
	border: 2px solid white;
	-webkit-box-shadow: 0 39px 57px rgba(0,0,0,.19);
	box-shadow: 0 39px 57px rgba(0,0,0,.19);
	position: relative;
}

.form-sert__header {
	margin-bottom: calc(2.1 * var(--base-font-size));
	padding-top: calc(1.5 * var(--base-font-size));
	font-size: calc(1.25 * var(--base-font-size));
	line-height: 1;
	letter-spacing: -0.2px;
	text-align: center;
}

.form-sert__line {
	width: 100%;
	position: relative;
}

.radio, .form-sert__line{
	margin: calc(0.75 * var(--base-font-size)) auto;
}

.tableheadwrap > .form-sert__line, .trwrap > .form-sert__line  {
	margin-top: 0;
	margin-bottom: 0;
}

.performation
{
	text-align: left;
	align-self: first baseline;
	margin: 2%;	
}

div.performation > p{
	margin-left: 10%;	
}

.radio {	
	line-height: calc(1.75 * var(--base-font-size));
}

.radio > span{	
	max-width:50%;
	margin-top: 2%;	
}

.form-sert__hint, 
.form-sert__hint_alert,
.form-sert__clickablehint {
	z-index: -1;
	opacity: 0;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0 12px;
	width: 100%;
	background: #f45a57;
	color: #fff;
	font-size: calc(.9 * var(--base-font-size));
	line-height: calc(1 * var(--base-font-size));
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.form-sert__hint {
	opacity: 1;
	z-index: 10;
}

.form-sert__hint_alert{
	opacity: 1;
	z-index: 2;
	color: #a94442;
	background-color: #f2dede;
	display:block;
	border: 2px solid #ebccd1;
}

.form-sert__clickablehint{
	opacity: 1;
	z-index: 10;
	color: #31708f;
	background-color: #ddf0f9;
	border: 1px solid #31708f;
	display:block;
	top: -40%;
	cursor:pointer;
}


.title h4{
	margin-top: .5vh;
}	

.form-sert__accept {
	margin-top: 2vh;
}

.red_ln {
	border-color:red !important; 	
}

.blue_ln {
	border-color:blue !important; 	
}

doubled {
	border: 2px solid blue !important;	
}

.button {
	
	padding: 14px 15px 16px;
	text-align: center;
	line-height: calc(1 * var(--base-font-size));
	background: #88ba87;
	color: #fff;
	cursor:pointer;
	border: 2px solid #fff;		
	display: block;
	margin: 0 auto;
	position: relative;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 20px 43px rgba(18,159,178,.35);
	box-shadow: 0 20px 43px rgba(18,159,178,.35);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


input[type="number"]{
  -moz-appearance: textfield;
}

.button:hover,
.button:focus {
 background: #11b558d9;
 border-color: #11b558e6;
}

span, 
button,
input[type="button"], 
.button{
	cursor: pointer;
	-webkit-touch-callout : none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
	   -moz-user-select: none; /* Old versions of Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none; /* Non-prefixed version, currently
								  supported by Chrome, Edge, Opera and Firefox */

}

.button_submit {
	font-size: calc(1.25 * var(--base-font-size));
	z-index: 99;
	margin-top:5%;
}

.form-sert__submit {
   display: flex;
   justify-content:center;
   align-items:center;
   max-height: 100%;	
   position: relative;
   z-index: 5;
}

select {
	opacity: 1;
	font-size: var(--base-font-size);
	
}

.form-sert {
	min-height: 100%;
	max-width: 90vw;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-top:5%;
}

.group{
	float:left;
	width: 100%;
	display: flex;
	z-index: 2;
}	

.group:nth-child(2n+1){	
	margin-right:5%;
}	

.group:nth-child(2n){		
	
}

h4, 
.radiobtn + label{
 font-size:var(--base-font-size);
}

.main > p {
    line-height: calc(1 * var(--base-font-size));
    font-size: calc(.85 * var(--base-font-size));
    font-weight: normal;
}

div.main	
{	
	z-index:5;
	background-color: #f1f2f2a1;
	overflow:hidden;
	border: 2px solid white;
	position: relative;
	padding: 3.5vh;	
	display: block;
	margin:0 auto;
	margin-top:15%;
	max-width: 100%;
}

.back{
	z-index:0;
	content: "";
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: cover;
	min-width: 100%;
	min-height: 100%;
	background-image: var(--backgrnd);
	display:block;
	position:fixed;
	border:none;
	top:0;
	left:0;
	opacity:.4;
}

.button:focus{
  -webkit-animation: anim-effect-shrink .15s;
  animation: anim-effect-shrink .15s;
}


.button25, .button24 {
	outline: none;
	text-decoration:none;
	box-shadow:#d6d6d6 1px 3px 2px;
	-webkit-box-shadow:#d6d6d6 1px 3px 2px;
	text-indent:0px;
	line-height:calc(1.2 * var(--base-font-size));
	-webkit-border-radius:6px;
	border-radius:6px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	color: white;
	/*font-size: calc(1 * var(--base-font-size));
	padding: calc(.5 * var(--base-font-size)) calc(1.7 * var(--base-font-size));*/
	font-size: calc(1.2 * var(--base-font-size));
	padding: calc(.25 * var(--base-font-size)) calc(.9 * var(--base-font-size));
	transition: 0.2s;

	border-width:2px;
	border-style:solid;
}

.button25:active {
	box-shadow:#d6d6d6 1px 0 2px;
	-webkit-box-shadow:#d6d6d6 1px 0 2px;
	position:relative;
	top:3px
}

.button25:hover {
	background:#7ce314;
	background:-o-linear-gradient(90deg, #7ce314, #5dca0a);
	background:-moz-linear-gradient( center top, #7ce314 5%, #5dca0a 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7ce314), color-stop(1, #5dca0a) );
	background:-webkit-linear-gradient(#7ce314, #5dca0a);
	background:-ms-linear-gradient(#7ce314, #5dca0a);
	background:linear-gradient(#7ce314, #5dca0a);
}

.button25 {
	border-color:#31c41a;
	box-shadow:#d6d6d6 1px 3px 2px;
	-webkit-box-shadow:#d6d6d6 1px 3px 2px;
	background:#5dca0a;
	background:-o-linear-gradient(90deg, #5dca0a, #7ce314);
	background:-moz-linear-gradient( center top, #5dca0a 5%, #7ce314 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5dca0a), color-stop(1, #7ce314) );
	background:-webkit-linear-gradient(#5dca0a, #7ce314);
	background:-ms-linear-gradient(#5dca0a, #7ce314);
	background:linear-gradient(#5dca0a, #7ce314);
}

.button24 {
	border-color:#e89135;
	background:#e38a16;
	background:-o-linear-gradient(90deg, #e38a16, #f3af0f);
	background:-moz-linear-gradient( center top, #e38a16 5%, #f3af0f 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e38a16), color-stop(1, #f3af0f) );
	background:-webkit-linear-gradient(#e38a16, #f3af0f);
	background:-ms-linear-gradient(#e38a16, #f3af0f);
	background:linear-gradient(#e38a16, #f3af0f);
}

.button25:active,.button24:active {
	box-shadow:#d6d6d6 1px 0 2px;
	-webkit-box-shadow:#d6d6d6 1px 0 2px;
	position:relative;
	top:3px
}

.button24:hover {
	background:#f3af0f;
	background:-o-linear-gradient(90deg, #f3af0f, #e38a16);
	background:-moz-linear-gradient( center top, #f3af0f 5%, #e38a16 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f3af0f), color-stop(1, #e38a16) );
	background:-webkit-linear-gradient(#f3af0f, #e38a16);
	background:-ms-linear-gradient(#f3af0f, #e38a16);
	background:linear-gradient(#f3af0f, #e38a16);
}

a.btn24Pressed{
	background: #D18114;
	color: #ffff00;
	/*background:#e38a16;*/
	box-shadow:#d6d6d6 1px 0 2px;
	-webkit-box-shadow:#d6d6d6 1px 0 2px;
}

a.btn24Pressed:hover { background: #E38916; color: #ffff00;}
a.btn24Pressed:active { background: #E38916; color: #ffff00;}


@-webkit-keyframes anim-effect-shrink{
	0% {
		-webkit-transform: scale3d(1.05, 1.05, 1);
		transform: scale3d(1.05, 1.05, 1);
	}
	to{
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
}

@keyframes anim-effect-shrink{
	0%{
		-webkit-transform: scale3d(1.05, 1.05, 1);
		transform: scale3d(1.05, 1.05, 1);
	}
	to {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
}



/********************  anketa   *****************/

.unselected {
	opacity: .6;
	font-weight: 300;
	font-size: calc(.85 * var(--base-font-size));/**/
	color: #393939;
}
option:not(checked){
	opacity: .6;
	font-weight: 300;
	font-size: calc(.85 * var(--base-font-size));
	color: #393939;
	background-color: #FFF;
} 

.radiobtn:checked + label,
.option-selected {
	color:black;	
} 

.concentration
{
	flex: 1;
	align-self: first baseline;
	text-align: left;
	margin-right:0.75em;
} 

label{
	margin:auto 0.35em auto 0.35em;
	text-align: center;
}

#planttype{
	width:20%;
}

#intendeduse{
	width:30%;
}

#packages{
	width:30%;
}

#packtype{
	width:20%;
}

#quantity{
	width:25%;
}

#chemical [disabled=disabled]{
	color:light-grey;	
}

#clipbrdstr:disabled,
input[data-treatment=""]:disabled,
select[data-treatment=""]:disabled
{
	background: #f1f2f2b0;
}

.main-container
{
	display: flex;	
	flex-direction:column;
	width: 100%;
}

.element{
	display: flex;
	border-top: 1px solid;
	padding: 0 0.5em;		 
}

.form > div.container:last-child{
	border-bottom: 1px solid;
}

.element >div {
	width: 100%;
}

.vertborder{
	border: 1px solid;
	border-top: none;
	border-bottom: none;
}

.dflex{
	display: flex; 
}

.left-side{
	flex: 1;
	border-right: none;	
	display: flex;
	flex-direction: column;
}

.right-side{
	flex: 1;
	display: flex; 
	flex-direction: column;
}
	
.L3{
	flex: 2;
}

.L2{
	flex: 1.5;
}
.part1{
	border-top: none;
	border-bottom: none;
	border-right: 1px solid;
	flex: 1;
	padding: 0 0.5em;	
}

.part2{
	border-top: none;
	border-bottom: none;
	flex: 1;
	padding: 0 1%;	
}

.center{
	text-align: center;
	width: 100%;
}
.spread{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.flexstart{
	align-items: flex-start;
}
.flexitemscenter{
	align-items: center;
}
.flexcol{
	flex-direction: column;
	width: 100%;
}
.flexrow, .flexrow2 {
	display: flex;
	flex-direction: row;
	width: 100%;
}
.flexrowgrid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.flexrowgrid2 {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr;
}	

input[name="declaration"] {
	text-align: center;
	background: #fbfbbb54;
	
}

.flexbasis5{
	flexbasis: 5%;
	max-width: 7.5%;
}
.flexbasis25{
	flexbasis: 25%;
}

.flexbasis70{
	flexbasis: 70%;
}

.flexbasisauto{
	flexbasis:auto;
}

.noleftborder{
	border-left: none !important;
}

.norightborder{
	border-right: none !important;
}

.allborderred{
	border: 2px red solid !important;
}
/********************  anketa   *****************/

/********************  table   *****************/
.shadow-z-1 {
  -webkit-box-shadow: 5px 2px 3px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.24);
  box-shadow        : 5px 2px 3px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.24);
}

.table, .tableheadwrap{
	display: flex;	
	flex-direction: column;
	justify-content: flex-start;
	color: #2a2a2a; 
	border-color: rgba(0,0,0,.11);
	width: 100%;
}

.table{	
	background-color: #ffffff;
	opacity:1;
	display: flex;
}

.thead, .trhead, .trcell{
	font-size: var(--base-font-size);
	line-height: var(--base-font-size);
}

.thead, .trow{
	display: flex;
	align-items: flex-start;
	left:0;
	border-left: none;
	font-weight: 400;
	color: #757575;
	vertical-align: top;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	background-color: #f8f7f5;
	background-image: linear-gradient(#fbfafa, #f2f1f1);
}

.trcell{
	border-color: rgba(0,0,0,.11);
	border-left: none;
	text-align: left;
	padding: 1.6rem;
	vertical-align: top;
	border-top: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-left: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	display: flex;	
	justify-content: center;
	align-items:center;
}

.row{
	display: flex;	
	flex-direction: row;
	width:100%;
	gap:0.5em;
}

.trwrap{
	max-width:100%;
	display: flex;
	justify-content: center;
	height: calc(3 * var(--base-font-size));
}

.col1{
	flex-basis:10%;
	min-width:10%;
	justify-content: center;
	align-items:center;
	display: flex;
}

.col2{
	flex-basis:50%;
	min-width:50%;
	height:100%;
	justify-content: center;
	align-items:center;	
}

.col3{
	flex-basis:50%;
	width:50%;
	height:100%;
	flex-direction:row;
	justify-content: center;
	align-items:center;		
}

.col4{
	flex-basis:5%;
	min-width:5%;
	justify-content: center;
	align-items:center;
	display: flex;
}
.col34{
	flex-basis:40%;
	min-width:40%;
	flex-direction:row;
}



.col2a{
	flex-basis:38%;
	min-width:38%;
}
.col34a{
	flex-basis:30%;
	min-width:30%;
}

col34b{
	flex-basis:25%;
	min-width:25%;
}
.col35a{
	flex-basis:22%;
	min-width:22%;
}

.clipbrdstr{
	width:100%;
	font-size: calc(1.2 * var(--base-font-size));
	background: #fbfbbb80;
	border-color: rgba(0,0,0,.11);
	min-height: calc(4 * var(--base-font-size));
	opacity:1;
	line-height: calc(0.75 * var(--base-font-size));
	padding: 0.5em 0.75em;
}::-webkit-input-placeholder {
	color: #2a2a2a;
	opacity:.6;
	line-height: calc(1.15 * var(--base-font-size));
}
::-moz-placeholder {
	color: #2a2a2a;
	opacity:.6;
	line-height: calc(1.15 * var(--base-font-size));
}


.delrow, .copyconsignee{
	font-size: calc 0.85* var(--base-font-size);
	width: 24px;
	height: 24px;
	position: relative;
	
}	

.copyconsignee{
	width: 36px;
	border-color: #88ba87;
}
.consignee_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: row;
  height: 100%;
  border-top: 1px solid;
  margin-bottom: 2%;
}

.delrow{
	cursor: pointer;	
	opacity:0.2;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(close.png);
	align-self:center;
	border: none;
}
.delrow:hover{
	opacity:1;
}

.item_8 > img{	
	margin:5%;
}
.item_1{
	order:1;
}
.item_2{
	order:2;
}
.item_3{
	order:3;
}
.item_4{
	order:4;
}
.item_5{
	order:5;
}
.item_6{
	order:6;
}
.item_7{
	order:7;
}
.item_8{
	order:8;
}

.container{
	display: flex;
	flex-direction: row;
}
	
#parent	> div.right-side{
	display:flex;		
}		
.cloned,.hidden{
	display:none;	
}

.alert {
	display:none;	
	position:fixed;
	border: 1px solid;
	justify-items:center;
	padding: 0.5em 1.5em;
	flex-direction:column;
	justify-content: flex-start;
}

.alert-success,
.alert-danger,
.alert-warning,
.alert-info{
	display:flex;
} 

.alert-success > .alertimg{	
	background-image:url('alert-success.png');
}

.alert-danger > .alertimg {
	background-image:url('alert-danger.png');
}

.alerttxt > h4{
	max-width:100%;
	font-weight: 300;
	font-size: calc(1 * var(--base-font-size));
}

.alert > h4{
	font-weight: 600;
	font-size: calc(1 * var(--base-font-size));
	margin: 0;
	padding: 0.5em;
	text-align: center;
}	
	
.alertimg {
	max-width:10%;
	min-height: 32px;
	min-width: 32px;
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-info {
	color: #31708f;
	background-color: #ddf0f9;
	border-color: #31708f;
}

.alert-warning {
	color: #8a6d3b;
	border-color: #faebcc;
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}

@media screen and (orientation: portrait){

	@media only screen and (max-height:2440px) and (min-width:1080px)
	{		
		
		body{	
			--base-font-size:1.25rem;
		}
		
		.back{
			background-image: var(--backgrnd);
		}
			
		.container{
			border-left: 1px solid #dee2e6;	
			flex-direction: column;
		}
		.vertborder{		
			border:none;
		}	
		
		.cloned{
			display:flex;	
		}	
		
		.master,	
		#parent	> div.right-side{
			display:none;		
		}
		
		.flexrow2 {
			flex-direction: column;
		}
		
		.consignee_wrap {
			width: 100%;
			display: flex;
			align-items: flex-end;
			align-self: flex-start;
			justify-content: center;
			display: flex;
			flex-direction: row;
			transform: rotate(90deg);
			height: 100%;
			border: none;
			margin-bottom: 2%;
		}
		.flexrowgrid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: 1fr 1fr;
		}	
		.flexrowgrid2 {
			display: grid;
			grid-template-rows: 1fr 1fr 1fr 1fr;
			grid-template-columns: 1fr;
		}   
		
	}
		
	@media screen and (max-height:1080px)
	{		
		.form {
			padding-left: 0;
			padding-right: 0;		
		}
		
		body{	
			--base-font-size:1rem;
		}	
	.back{
			background-image: var(--backgrnd);
		}
			
		.container{
			border-left: 1px solid #dee2e6;	
			flex-direction: column;
		}
		.vertborder{		
			border:none;
		}	
		
		.cloned{
			display:flex;	
		}	
		
		.master,	
		#parent	> div.right-side{
			/*display:none;	*/	
		}
		
		.flexrow2 {
			flex-direction: column;
		}
		
		.consignee_wrap {
			width: 100%;
			display: flex;
			align-items: flex-end;
			align-self: flex-start;
			justify-content: center;
			display: flex;
			flex-direction: row;
			transform: rotate(90deg);
			height: 100%;
			border: none;
			margin-bottom: 2%;
		}
		.flexrowgrid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: 1fr 1fr;
		}	
		.flexrowgrid2 {
			display: grid;
			grid-template-rows: 1fr 1fr 1fr 1fr;
			grid-template-columns: 1fr;
		} 		
	}
	
	@media screen and (max-height:824px){
		.form {
			padding-left: 0;
			padding-right: 0;		
		}	
		body{	
			--base-font-size:.8rem;
		}				
		.back{
			background-image: var(--backgrnd);
		}
			
		.container{
			border-left: 1px solid #dee2e6;	
			flex-direction: column;
		}
		.vertborder{		
			border:none;
		}	
		
		.cloned{
			display:flex;	
		}	
		
		.master,	
		#parent	> div.right-side{
			/*display:none;	*/	
		}
		
		.flexrow2 {
			flex-direction: column;
		}
		
		.consignee_wrap {
			width: 100%;
			display: flex;
			align-items: flex-end;
			align-self: flex-start;
			justify-content: center;
			display: flex;
			flex-direction: row;
			transform: rotate(90deg);
			height: 100%;
			border: none;
			margin-bottom: 2%;
		}
		.flexrowgrid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: 1fr 1fr;
		}	
		.flexrowgrid2 {
			display: grid;
			grid-template-rows: 1fr 1fr 1fr 1fr;
			grid-template-columns: 1fr;
		} 	
	}

}

@media screen and (orientation: landscape){		
	
	@media screen and (max-width:2340px){	
		body{	
			--base-font-size:2rem;
		}	
		.back{
			background-image: var(--backgrnd);
		}	
	}
	
	@media screen and (max-width:1920px){
		body{	
			--base-font-size:1rem;
		}
	}
	
	@media screen and (max-width:1367px){
		body{	
			--base-font-size:.8rem;
		}
	}
	
	@media screen and (max-width:1280px){		
		body{	
			--base-font-size:1rem;
		}
		.back{
			background-image: var(--backgrnd);
		}		
	} 
	
	@media screen and (max-width:960px){
		body{	
			--base-font-size:1rem;
		}						
		.back{
			background-image: var(--backgrnd);
		}	
	}			
	
	@media screen and (max-width:321px){	
		body{	
			--base-font-size:.8rem;
		}		
		.back{
			background-image: var(--backgrnd);
		}		
	}	
	
}