@charset "UTF-8";

h1 {
	margin-bottom:1em;
	}
form .box-action {
	margin:1em 0 2em 0;
	}
#main form .text {
	padding:.4em 1em;
	}
#main form .box-action input {
	min-width:14em;
	}

#import_specs {
	width:570px;
	max-width:90%;
	margin-left:24%;
	margin-bottom:22px;
	}
#import_specs>div {
	}
 
.start-or {
	background:none;
	margin:3em 0 0 0;
	width:auto;
	float:none;
	min-height:20px;
	min-width:20px;
	text-align:left;
	border-top:1px dotted var(--border-color);
	}
.start-or span {
	margin:0 0 0 27%;
	display:inline-block;
	text-align:left;
	background:var(--background-color);
	font-size:22px;
	border:1px solid var(--border-color);
	border-radius:31px;
	-moz-border-radius:31px;
	height:46px;
	line-height:40px;
	width:46px;
	text-align:center;
	color:var(--body-alt-color);
	font-style:italic;
	position:relative;
	top:-17px; 
	box-sizing:border-box;
	}


.blurb {
	border:2px solid var(--shoppo-color);
	padding:.1em 2em 1em 2em;
	border-radius:1.2em;
	max-width:750px;
	margin:2em 23%;
	position:relative;
	}
.blurb:before {	
	display:inline-block;
	content:' ';
	border:3px solid var(--shoppo-color);
	border-right:none;
	border-bottom:none;
	background-color:var(--background-color);
	border-radius:.2em;
	width:15px;
	height:15px;
	transform:rotate(45deg);
	position:absolute;
	top:-11px;
	left:62px;
	}
@media only screen and (min-width: 850px) {	
	.start-column p {
		margin-left:26%;
		width:50%;
	} 
}
@media only screen and (max-width: 850px) {	
	#main .form-standard .box-action input {
		width:100%;	
		padding:.6em 0;
		font-weight:bold;
	}
	#main #content .form-standard .text {
		width:100%;	
		max-width:100%;	
		padding:.5em 0;
		text-indent:1em;
	}
	.form-standard .box-action .margin {
		display:none
	}
	form .box-action {
		margin:.6em 0 2em 0;
	}
	#import_specs {
		width:auto;
		margin-left:4%;
	}
	.blurb {
		border:2px solid var(--shoppo-color);
		max-width:100%;
		margin:auto 10%;
	}
}
@media only screen and (max-width: 450px) {	
	.blurb {
		margin:auto;
	}
}