#video {
	float: right;
	position: fixed;
	left: 56%;
	width: 44%;
	height: 100vh;
	z-index: -100;

	background-image: url(/img/kalendarz-wachlarz.png);
	background-position: top left;
	background-repeat: no-repeat;

}

body {
	background-color: #FFC501;
	width: 100%;
	color: #333F;
}

.content {
	float: left;
	background-image: url('./img/logo_white.png');
	background-position: 15px 15px;
	background-repeat: no-repeat;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 120px;
}


@media screen and (max-width: 900px) {
	#video {
		display: none;
	}
	.content {
		width: 100%;
	}
}

.tmain {
	font-family: Paytone One;
	font-size: 2.1vw;
	line-height: 1.2;
}

.text {
	font-family: Montserrat, sans-serif;
	font-size: 1.2vw;
}

.box_white {
	background: #FFFF;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
	margin: 30px 0 30px 0;
	padding: 30px 4% 30px 4%;
}

.box_title {
	font-family: Paytone One;
	font-size: 1.5vw;
	line-height: 1.2;
	text-align: left;
	margin: 2vw 0 2vw 0;
}


.button_over {
    cursor: pointer;
}
.f1butt {
    margin-bottom: 30px;
    margin-top: 30px;
}
.button_over {
    /*width 100%: ;*/
    padding-left: 20%;
    padding-right: 20%;
} 

.pink_button  {
	font-family: Paytone One;
	color: #FFFFFF;
	background-color: #C50C81FF;
	box-shadow: 1px 2px 0px #000000;
	border-radius: 50px;
	padding: 10px;
	text-align: center;
	font-size: 1.6vw;
}

@media screen and (max-width: 900px) {
	.tmain {
		font-size: 7vw;
	}
	.text {
		font-size: 4vw;
	}
	.box_title {
		font-size: 5vw;
		margin: 4vw 0 4vw 0;
	}
}

.content input , textarea{
	background-color: #EBEBEBFF;
	border-radius: 30px;
	border: 0px;
	padding: 10px;
	font-family: Montserrat;
	font-size: 1em;
	font-weight: 400;
	box-shadow: none;
	margin-top: 1vw;
	width: 100%;
}

.mradio {
	width: 1em !important;
}

.nothing {
	
}

form input[required=required]:invalid,
form select[required=required]:invalid,
form textarea[required=required]:invalid
{
	background-image: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="-10 -6 16 16"> \
  <line id="line" y1="-3" y2="3" stroke="%23df0000" stroke-linecap="butt" transform="rotate(15)"></line> \
  <line id="line" y1="-3" y2="3" stroke="%23df0000" stroke-linecap="butt" transform="rotate(75)"></line> \
  <line id="line" y1="-3" y2="3" stroke="%23df0000" stroke-linecap="butt" transform="rotate(-45)"></line> \
</svg>');
	background-position: right 10px top;
	background-repeat: no-repeat;
	background-size: 25px
}