.line {
    width: 25%;
    height: 1px;
    margin: 0 auto 25px auto;
    background-color: #000;
}
.typarkusza > .rodzaj{
	display:inline-block;
	padding:10px;
}
.arkusz>button{
	width:40%;
	padding: 10px 30px;
	border-radius: 50px;
	transform: translateY(0);
	border:none;
	flex-direction: row;
	align-items: center;
	cursor: pointer;
}
.tekst {
	margin:0 2%;
}
#sendBtn{
	margin-top:30px;
	padding: 15px 40px;
	border-radius: 50px;
	background-color:#aeff96;
	transform: translateY(0);
	border-color:#a6f093;
	flex-direction: row;
	align-items: center;
	cursor: pointer;
}
#sendBtn:hover{
	margin-top:28px;
	transition: 300ms;
	background-color:#6ee650;
	border:none;
	color: #fff;
}
.arkusz>button:hover{
	transition : 300ms;
	padding: 10px 0px;
	transform : translateY(-0px);
	color: #0066cc;
	border: solid 2px #00ff00;
}
.typ1{
	padding:10px;
	background-color:#ecfce8;
	margin:0;
}

.typ2{
	padding:10px;
	background-color:#a6f093;
	margin:0;
}
#arkusz1{
	display:none;
}
#arkusz2{
	display:block;
}
#typy{
	display:none;
}
#typy:checked ~ #arkusz1 {
	display:block;
}
#typy:checked ~ #arkusz2 {
	display:none;
}
#typy:checked ~ .typ2 {
	background-color:#ecfce8;
}
#typy:checked ~ .typ1 {
	background-color:#a6f093;
}
.opcja{
	display:inline-block;
	padding:10px 20px 10px 20px;
	border: thick double #ecfce8;
	background-color:#ecfce8;
	border-radius: 20px 20px 20px 20px;
	width:100px;
	cursor:pointer;
}
.opcjaProblem{
	width:300px;
}
form input[type=radio]{
	display:none;
}
form input[type=radio]:checked ~ .opcja {
  color: #ff6d66;
  background-color:#a6f093;
  border: double #93f600;
  cursor:default;
}
form div{
	display:inline-block;
}
form input[type=number]{
	padding: 0px;
    font-size: 16px;
    border-width: 5px;
	border-color: #a6f093;
    background-color: #ecfce8;
    border-style: solid;
    border-radius: 14px;
    box-shadow: 0px 0px 5px rgba(166,240,147,.70);
	text-align:center;
	width:50px;
}
form input[type=number]:focus {
    outline:none;
}
/*********** Baseline, reset styles ***********/
form input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  width: 150px;
}

/* Removes default focus */
form input[type="range"]:focus {
  outline: none;
}

/******** Chrome, Safari, Opera and Edge Chromium styles ********/
/* slider track */
form input[type="range"]::-webkit-slider-runnable-track {
  background-color: #ecfce8;
  border-radius: 0.5rem;
  height: 0.5rem;
}

/* slider thumb */
form input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -4px; /* Centers thumb on the track */
  background-color: #a6f093;
  border-radius: 1rem;
  height: 1rem;
  width: 1rem;
}

form input[type="range"]:focus::-webkit-slider-thumb {
  outline: 3px solid #a6f093;
  outline-offset: 0.125rem;
}

/*********** Firefox styles ***********/
/* slider track */
form input[type="range"]::-moz-range-track {
  background-color: #ecfce8;
  border-radius: 0.5rem;
  height: 0.5rem;
}

/* slider thumb */
form input[type="range"]::-moz-range-thumb {
  background-color: #a6f093;
  border: none; /*Removes extra border that FF applies*/
  border-radius: 1rem;
  height: 1rem;
  width: 1rem;
}

form input[type="range"]:focus::-moz-range-thumb{
  outline: 3px solid #a6f093;
  outline-offset: 0.125rem;
}
h3{
	text-decoration: underline;
	margin-top:50px;
}
#name, #firma, #email, #phone{
    padding: 5px;
	text-align:center;
    border-width: 1px;
    border-color: #a6f093;
    background-color: #ecfce8;
    color: #ff6d66;
    border-style: solid;
    border-radius: 20px;
    box-shadow: 0px 0px 2px rgba(166,240,147,.75);
	width:300px;
}
#name:focus, #firma:focus, #email:focus, #phone:focus {
    outline:none;
	background-color: #bdffa5;
	border-width: 1px;
	border-color: #72cd5e;
}
.cennikFormularz{
	-webkit-box-shadow: 0px 0px 16px 1px rgba(255, 255, 240, 1);
	-moz-box-shadow: 0px 0px 16px 1px rgba(255, 255, 240, 1);
	box-shadow: 0px 0px 16px 1px rgba(255, 255, 240, 1);
	background-color:#fffff0;
	margin-left:auto;
	margin-right:auto;
	width:50%;
	text-align:center;
	border-radius: 50px 50px 50px 50px;
	padding:40px 0;
}
@media only screen and (max-width:1233px){
	h1{
		margin: 0px;
	}
	.line {
		width: 65%;
	}
	.arkusz>button{
		width:47%;
		padding:20px 0;
		border-radius: 30px;
		margin:2px;
		font-size:16px;
	}
	h3{
		margin:22px;
		font-size:25px;
	}
	.tekst {
		margin:0 5%;
	}
	.tekst p:nth-child(3),p:nth-child(2){
		display:none;
	}
	#sendBtn{
		height:30%;
		width:50%;
		border-radius: 100px;
	}
	.typ1{
		margin-right:10px;
	}

	.typ2{
		margin-left:10px;
	}
	#arkusz1, #arkusz2{
	}
	.opcja{
		width:50%;
	}
	.opcjaProblem{
		width:60%;
	}
	form > div{
		width:100%;
	}
	form input[type=number]{
		width:20%;
		font-size:22px;
	}
	form input[type="range"] {
		display:none;
	}
	#name, #firma, #email, #phone{
		width:80%;
		font-size:22px;
	}
	.cennikFormularz{
		width:95%;
		padding-top:10px;
		font-size:22px;
	}
}