html, body {
  background-color: #e0eeee;
}

/* Smartphones ----------- */
@media only screen and (max-width : 1000px) and (orientation: portrait) {


h1
{
font-size: 7vw !important;
}

h2
{
font-size: 6vw !important;
}

h3
{

font-size: 5vw !important;

}

p, label, select option, tooltip
{

font-size: 4vw !important;

}

.fontsize2

{

font-size: 3vw !important;

}

input[type=checkbox]
{
zoom: 2;
}

select
{
zoom: 3;
}

input.termini[type=checkbox]:checked ~ p span.termins,
input.termini[type=checkbox]:checked ~ label span.termins
 {
  text-decoration-thickness: 7px;
}

}







@media only screen and (min-width : 1000px) {

p, select option, label {
	font-size: 15px !important;
}

.fontsize2
{
	font-size: 12px !important;
}


input.termini[type=checkbox]:checked ~ p span.termins,
input.termini[type=checkbox]:checked ~ label span.termins
 {
  text-decoration-thickness: 3px;
}

}





.my-wrapper
{
	padding-left:70px; 
	padding-right:70px; 
	padding-bottom:70px; 
	max-width:720px;
	background-color: #fff;
	position: absolute;
 	margin: auto;
	right: 0;
	left: 0;
	border-radius: 3px;

}


h1 {
	padding-top: 60px;
	font-size: 2em;
	padding-bottom: 20px;
}

h2 {
	padding-top: 80px;
	font-size: 1.65em;
}


h3 {
	margin-bottom: 0px;
	font-size: 26px;
}




/* Sastavs un sekas start */

input.sastavs[type=checkbox]:checked ~ p span.t-sastavs,
input.sastavs[type=checkbox]:checked ~ label span.t-sastavs 
{
	background-color: rgba(152, 201, 76, 0.35);
	color: #222;
	border-radius: 4px;
	padding: 1px 0px;
}


input.sastavs[type=checkbox]:checked ~ p span.t-sekas,
input.sastavs[type=checkbox]:checked ~ label span.t-sekas 

{
	background-color: rgba(242, 201, 76, 0.35);
	color: #222;
	border-radius: 4px;
	padding: 1px 0px;
}


/* Sastavs un sekas end */


/* Termini start */


input.termini[type=checkbox]:unchecked ~ p span.termins,
input.termini[type=checkbox]:unchecked ~ label span.termins
 {
  text-decoration: none;
}

input.termini[type=checkbox]:checked ~ p span.termins,
input.termini[type=checkbox]:checked ~ label span.termins
 {
  text-decoration: underline;
  text-decoration-color: rgba(152, 201, 76, 0.75);
  text-decoration-style: solid;
}

/* Termini end */



/* Kumul - alter birkas start */


input.kumul[type=checkbox]:checked ~ p span.birka,
input.kumul[type=checkbox]:checked ~ label span.birka 
{
	background-color: rgba(242, 201, 76, 0.35);
	color: rgba(142, 101, 20, 1);
	padding: 2px 5px;
	font-weight: bold;
	display: inline !important;
}


/* Kumul - alter birkas end */



/* Summa start */

input.summa[type=checkbox]:checked ~ p span.summa 
{
	background-color: rgba(152, 201, 76, 0.35);
	color: rgb(72, 101, 36);
	padding: 2px 5px;
	font-weight: bold;
	display: inline !important;
	
}

/* Summa end */