@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.roboto-condensed-<uniquifier> {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

*{
	font-family:"Roboto", sans-serif;
}
h1, h2{
	font-family:"Roboto Condensed", sans-serif;
}
body{
	background-color:#222222;
	background:url('background.jpg');
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
	color:#EEEEEE;
	padding:0;
	margin:0;
}
.container{
	padding:2%;
	z-index:1;
}
.bgcover{
	background-color:#222222;
	position:fixed;
	padding:0;
	margin:0;
	width:100vw;
	min-height:100vh;
	background:rgba(0, 0, 0, 0.8);
	z-index:-1;
}
.build-container{
	color:#EEEEEE;
}
#builder{
	width:80vw;
	margin:0 auto;
	text-align:center;
}
#production-services, #editing-services{display:none;}

header{
	padding:4% 0;
	text-align:center;
}
h1, h1 *{
	margin:0 auto;
	padding:2%;
	font-size:2.8rem !important;
}
h2{font-size:1.44rem !important;}
a{
	text-decoration:none;
	color:lightblue;
}
a:hover{
	color:gold;
}
form{
	font-size:1.125rem;
	color:#EEEEEE;
}
input[type="text"], input[type="tel"], input[type="email"], select, option{
	height:40px;
	width:200px;
	opacity:0.8;
	margin:1% auto;
	text-align:center;
	border:none;
	font-size:0.84rem !important;
}
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, select:focus{
	opacity:1;
}
input, button{
	border-radius:5px;
}
button{
	height:60px;
	width:200px;
	color:#FFFFFF;
	background-color:blue;
	border:2px solid lightblue;
	opacity:0.5;
	font-size:1.25rem;
	transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-webkit-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
}
button:hover{
	cursor:pointer;
	color:#111111;
	background-color:lightblue;
	border:2px solid gold;
	opacity:0.7;
	transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-webkit-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
}
.build-container{
	width:100%;
	margin:0 auto;
	padding:0;
}
#your-quote{
	text-align:center;
	width:50%;
	margin:0 auto;
	padding:0;
}
#final-quote,
#final-quote *{
	font-size:1.8rem !important;
	text-align:center;
}
p#note{
	/*font-size:0.44rem !important;*/
	opacity:0.8;
}
#your-quote h1{text-align:center};

@media all and (max-width:800px){#your-quote{width:100%};};