body {
color: #4f4f4f;
line-height: 1.7em;
font-family: dinpromedium, Arial,Helvetica,sans-serif;
}
a:link, a:active, a:visited {
color: #a5915f;
text-decoration: none;
}
a:hover{
text-decoration: none;
}
header {
width: 100%;
height: 80px;
background-color: #111111;
border-bottom: 4px solid #a5915f;
position: fixed;
z-index: 9999;
}
header div{
max-width: 1000px;
margin: 0 auto;
width: 100%;
height: 80px;
padding: 20px 20px 0;
/* background: url('https://go.altium.com/rs/817-SFW-071/images/LP_header_AD.jpg') right no-repeat; */
}
h1{
background: url('https://go.altium.com/rs/817-SFW-071/images/Altium_logo_White_110x25px_DropShadow.png') center center no-repeat;
background-size: contain;
height: 40px;
text-indent: -9999px;
}

/*----------- Main Stuff -----------*/
.wrapper{
width: 100%;
padding-top: 80px;
}
main{
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
h2{
font-size: 30px;
text-align: ${titleCenter};
padding: 60px 10px 0px;
width: 630px !important;
margin: 0 auto !important;
}

/*----------- Footer Stuff -----------*/
.footerContainer{
width: 100%;
background-color: #f7f7f7;
box-shadow: -2px -2px 5px rgba(0,0,0,.2);
margin: 20px 0 0 0;
}
footer {
text-align: center;
max-width: 1000px;
width 100%;
margin: 0 auto;
padding: 20px 20px 40px;
font-size: 12px;
}
footer a {
color: #b2b2b2;
}
.socialMedia {
width: 400px;
margin: 20px auto;
}
.socialMedia a{
display: inline-block;
width: 40px;
height: 40px;
margin: 0 10px;
}
.FB{
background: url('https://go.altium.com/rs/817-SFW-071/images/soc-1.png') center no-repeat;
background-size: contain;
}
.TW{
background: url('https://go.altium.com/rs/817-SFW-071/images/soc-2.png') center no-repeat;
background-size: contain;
}
.LI{
background: url('https://go.altium.com/rs/817-SFW-071/images/soc-3.png') center no-repeat;
background-size: contain;
}
.YT{
background: url('https://go.altium.com/rs/817-SFW-071/images/soc-4.png') center no-repeat;
background-size: contain;
}

<!---------- Marketo Stuff ----------->
.mktoForm {
margin: 0 auto !important;
width: 100% !important;
}
form{
width: 630px !important;
margin: 40px auto 0 !important;
}
.mktoForm .mktoOffset {
float: none!important; 
height: 0!important;
display: none !important;
} 
.mktoForm div,
.mktoForm span,
.mktoForm label,
.mktoForm p {
font-family: 'OpenSans-Regular', Arial, Helvetica, sans-serif!important;
font-size: 18px;
line-height: 1.2em;
color: #757575 !important;
}
.mktoForm .mktoLabel{
font-size:14px;
color:#444444;
}
.mktoForm .mktoGutter {
display: none !important;
}
.mktoForm .mktoAsterix{
display: none !important;
}
.mktoLabel.mktoHasWidth{
display: none;
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm select.mktoField{
width: 295px !important;
border-radius: 3px !important;
}
.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm textarea{
padding: 10px 20px !important;
border: 1px solid #dddddd !important;
color: #757575 !important;
background-color: #f8f9f9 !important;
font-size: .9em !important;
}
.mktoForm textarea{
height: 7em !important;
border-radius: 3px !important;
width: 610px !important;
}
.mktoForm .mktoFormCol {
position: relative;
min-height: 2em;
margin: 0px 0px 20px 0px !important;
padding: 0 10px !important;
}
.mktoForm select.mktoField {
-moz-appearance: none; 
-webkit-appearance: none; 
appearance: none;
padding: 10px 20px!important;
color: #757575 !important;
background-color: #f8f9f9;
border-radius: 0;
min-width: 240px;
border: 1px solid #dddddd;
font-size: .9em !important;
}
.mktoButtonRow{
width: 100% !important;
}
.mktoButtonRow span{
display: block !important;
text-align: center !important;
margin: 0 !important;
padding: 0 0 50px !important;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
width: auto!important;
background: #a5915f!important;
text-transform: uppercase;
display: inline-block;
vertical-align: top;
color: white;
font-size: 18px!important;
font-family: 'OpenSans-Regular', Arial, Helvetica, sans-serif!important;
text-decoration: none;
padding: 20px 80px!important;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;
border: 0!important;
outline: 0;
margin-top:20px;
transition: all .2s ease-in-out !important;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
background: #8e7947 !important;
color: white;
border: 0 !important;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus {
background: #8e7947 !important;
color: white;
border: 0 !important;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active {
background: #8e7947 !important;
color: white;
border: 0 !important;
}

/*------------ Checkbox Styles --------------------*/
form strong{
display: block !important;
margin: 1.5em auto 0 !important;
width: 350px !important;
}
.mktoHtmlText{
width: 630px !important;
}
.mktoCheckboxList{
padding: 0 !important;
width: 630px !important;
}
input[type=checkbox] + label {
display: block !important;
width: 250px !important;
margin: 0 auto !important;
cursor: pointer !important;
padding: 0 0 .8em 0 !important;
}
input[type=checkbox] {
display: none !important;
}
input[type=checkbox] + label:before {
content: "\2714";
border: 0.1em solid #757575;
border-radius: 0.2em;
display: inline-block;
width: 1em;
height: 1em;
padding: .1em .1em 0.2em .2em !important;
margin-right: 1em;
vertical-align: bottom;
color: transparent;
transition: .2s;
}
input[type=checkbox] + label:active:before {
transform: scale(0);
}

input[type=checkbox]:checked + label:before {
background-color: #a5915f;
border-color: #a5915f;
color: #ffffff !important;
}
input[type=checkbox]:disabled + label:before {
transform: scale(1);
border-color: #aaa;
}
input[type=checkbox]:checked:disabled + label:before {
transform: scale(1);
background-color: #bfb;
border-color: #bfb;
}
/*------------ Checkbox Styles END --------------------*/
/*------------ Error Styles --------------------*/
.mktoError{
right: initial !important;
left: 21px !important;
bottom: initial !important;
top: 39px !important;
}
.mktoForm .mktoError .mktoErrorMsg{
color: #FFF !important;
border-radius: 3px !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
background-color: #a02211 !important;
background-image: none !important;
text-shadow: none !important;
box-shadow: 0px 0px 5px #999 !important;
-webkit-box-shadow: 0px 0px 5px #999 !important;
font-size: .9em !important;
}
.mktoErrorArrowWrap{
left: 10px !important;
}
.mktoErrorArrow{
background-color: #a02211 !important;
background-image: none !important;
border: none !important;
}
.mktoForm .mktoErrorDetail{
color: #FFFFFF !important;
font-size: .9em !important;
}

/*------------ Error Styles END --------------------*/
@media screen and (max-width: 800px) {
header div{
  background-size: 100%;
}
}
@media screen and (max-width: 700px) {
h2{
  font-size: 28px !important;
  width: 480px !important;
}
form{
  width: 480px !important;
  margin: 40px auto 0 !important;
}
.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm select.mktoField{
  width: 220px !important;
  min-width: 100px !important;
  font-size: .8em !important;
}
.mktoForm textarea.mktoField{
  width: 460px !important;
  font-size: .8em !important;
}
.mktoHtmlText{
  width: 480px !important;
}
.mktoCheckboxList{
  width: 480px !important;
  padding: 0 0 0 1em !important;
}
.mktoError{
  left: 21px !important;
  top: 37px !important;
}
.mktoForm .mktoError .mktoErrorMsg{
  font-size: .75em !important;
}
}
@media screen and (max-width: 480px) {
header{
	height: 50px;
	border-bottom: 2px solid #a5915f;
}
header div{
	height: 50px;
	padding: 10px 20px 0;
}
h1{
	height: 30px;
}
.wrapper{
padding-top: 50px;
}
h2{
  font-size: 24px !important;
  padding: 40px 20px 0px;
  width: 100% !important;
}
.mktoForm{
  padding: 0 10px !important;
}
.mktoForm *{
  padding: 0 !important;
}
form{
  width: 100% !important;
  margin: 40px auto 0 !important;
}
.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm select.mktoField{
  width: 100% !important;
  min-width: 100px !important;
  font-size: .8em !important;
  height: initial !important;
}
.mktoForm textarea.mktoField{
  width: 100% !important;
  font-size: .8em !important;
}
form strong{
  width: 100% !important;
  font-size: .9em !important;
}
.mktoHtmlText{
  width: 100% !important;
}
.mktoCheckboxList{
  width: 100% !important;
  padding: 0 0 0 2em !important;
}
input[type=checkbox] + label{
  font-size: .9em !important;
}
input[type=checkbox] + label:before{
  margin-right: .6em !important;
}
.mktoError{
  left: 21px !important;
  top: 41px !important;
}
.mktoForm .mktoError .mktoErrorMsg{
  font-size: .65em !important;
  padding: 0.3em 0.45em !important;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
font-size: 18px!important;
padding: 15px 50px!important;
}
.socialMedia{
  width: 100% !important;
}
}
/*------------ Form Stuff -----------*/