@charset "utf-8";
/* CSS Document */

body {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	background-color: black;
	color: white;
}

.site-wrapper {
/*	width: 900px;*/
	max-width: 900px;
	margin: 10px auto;
	padding: 10px;
}

a {
	color: white;
	font-weight: 700;
/*	text-decoration: none;*/
}

#logo-top {
	margin: 10px auto;
	width: 150px;
	height: auto;
}

#logo-top img {
	width: 100%;
	height: 100%;
}

.bttn {
	cursor: pointer;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
	border-radius: 10px;
}

#video-frame {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px;
}

#apply-now-button-top {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 21px;
	color: white;
/*	border-radius: 10px;*/
/*	background-color: #DD6700;*/
/*	background-color: #0065DD;*/
	background-color: red;
	padding: 15px 30px;
	max-width: 140px;
	text-align: center;
	margin: 0 auto 30px auto;
}


/* choice page */

#choice-page {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


#choice-page-buttons {
	width: 90%;
	padding: 50px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

#choice-yes, #choice-no {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	color: white;
/*	border-radius: 10px;*/
/*	background-color: #0066F1;*/
	padding: 10px 10px;
	width: 90px;
	text-align: center;
	margin-bottom: 30px; 
}

#choice-yes {
/*	background-color: #009B46;*/
	background-color: red;
	
}

#choice-no {
/*	background-color: #FF3E41;*/
	background-color: red;
}


/* interview page */

#interview-page {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#interview-bttn {
	margin-top: 30px;
/*	background-color: #0764F4;*/
	background-color: red;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 18px;
	color: white;
/*	border-radius: 10px;*/
/*	background-color: #0066F1;*/
	padding: 15px 15px;
	width: 250px;
	text-align: center;
/*	margin-bottom: 30px; */
}

span {
	color: red;
	font-weight: 700;
}

/* media queries */


@media screen and (min-device-width: 400px) {

	#choice-page-buttons {
		width: 70%;
	}
}

@media screen and (min-device-width: 850px) {

	#choice-page-buttons {
		width: 30%;
	}
}
