a{border:none; outline:none}
body{background-color:#EEF;font-family:'Open Sans', sans-serif}
.button{color:#fff;background-color:#520052;border-color:#520052;border-style:solid; text-decoration:none}
.button:hover{color:#520052;background-color:#fff}
.col1{float:left; width:40%}
.col2{float:left; width:55%}
.cost{width:15%}
.currency{position: relative}
.currency:before{content:"$"}
.desktopOnly{display:inline}
h2{font-family:'Open Sans',sans-serif; font-weight:100; margin-top:0; margin-bottom:0em; display:inline-block}
h3{font-family:'Open Sans',sans-serif; font-weight:100; margin-top:0; margin-bottom:.5em}
#header h2{width:15%}
hr{width:100%}
.info{display:inline-block; width:33%; margin-top:1%}
.itemRow *{display:inline-block; vertical-align:top; margin-right:1%; margin-bottom:1%}
#logo{width:39%}
.mobileOnly{display:none}
.nameDescription{width:23%}
#navicon{display:none}
#notes{width:80%}
#orderForm{vertical-align:top; margin-left:37%}
.pic{width:5%}
.qtyDiv{width:15%}
.round{border-radius: 50%}
.row{margin-bottom:2%}
.row:after {content: ''; display: table; clear: both}
#seal{float:right; margin-right:37%}


@media only screen and (max-device-width: 700px){
	#code{display:inline}
	#content{width:100%}
	.desktopOnly{display:none}
	#logo{width:75%}
	h2{display:none}
	h3{margin-bottom:2%}
	#itemRow div{width:100%; margin-bottom:2%}
	#itemRow div :not(h2) {float: right; margin-right: 1%}
	.mobileOnly{display:inline}	
	#orderForm{margin-left:0%}
	#orderForm *{margin-top:1%}
	.pic{width:80%;height:auto; padding-left:4%}
	#seal{width:25%; margin-right:0%}
	#submit{width:100%; height:6%; font-size:125%}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
	 #banner{width:89.5%}
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
	padding: 0 !important;
	border: 0 none !important;
}