body {
 padding-top: 0px;
}
div#outer {
 position: relative;
 width: 100%;
 padding-top: 25px;
}
div#outer::after {
 /* This allows me to add a background image to the header area */
 content: "";
 opacity: 0.35;
 z-index: -1;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 position: absolute;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}
div.inner {
 display: inline-block;
 vertical-align: top;
}
div.rightbody, img.rightbody, img.leftbody {
 border: 1px solid black;
}
div.rightbody {
 float: right;
}
div#land_text {
 padding-top: 10px; 
 font-weight: bold;
}

@media screen and (min-width:480px) {
div.mobile_only {
 display: none;
}
div#main {
 max-width: 700px;
}
div#reg_form {
 margin-bottom: 25px;
}
div.rightbody, img.rightbody, img.leftbody {
 width: 270px;
}
img.rightbody, img.leftbody {
 height: 180px;
}
div.inner.land_form {
 width: 35%;
}
div.inner.land_text_left, div.inner.land_text_right, h1.head.left {
 width: 60%;
}
div.inner.land_text_left {
 padding-left: 10px;
 padding-right: 30px;
}
div.inner.land_text_right {
 padding-left: 40px;
}
div.inner_left.top {
 width: 65%;
}
div.inner_left.image {
 overflow: hidden;
 height: 100%;
}
div.inner_right {
 width: 49%;
 float: left;
}
div.land_text_center {
 margin-right: 50px;
 margin-left: 50px;
}
p.action.top {
 display: none;
}
button.plainsub, button.redsub, button.greensub {
 margin-top: 10px;
 margin-bottom: 10px;
}
}

@media screen and (max-width:479px) {
  /* Target portrait smartphones */
div.not_mobile {
 display: none;
}
div#main {
 width: 100%;
}
div#reg_form {
 margin-bottom: 0px;
}
div.rightbody, img.rightbody, img.leftbody {
 width: 210px;
}
img.rightbody, img.leftbody {
 height: 140px;
}
div.inner {
 width: 100%;
}
div.land_text_center {
 margin-right: 25px;
 margin-left: 25px;
}
p.action.top {
 display: block;
}
#land_text_p {
 margin-left: 5px;
 margin-right: 5px;
}
}

select {
 font-weight: bold;
}
p, input, select, ul {
 font-size: 16px;
}
button {
 font-size: 16px;
}
p, li {
 text-align: left;
 padding: 0px 0px 10px 0px;
}
p.center {
 text-align: center;
}
div.response_text {
 text-align: left;
 margin-bottom: 20px;
}
p.response_head {
 text-align: center;
 font-weight: bold;
 font-size: 20px;
 margin-top: 20px;
 margin-bottom: 20px;
}
p.response_subhead {
 font-weight: bold;
 font-size: 18px;
 margin-top: 15px;
 margin-left: 20px;
 margin-right: 20px;
}
p.response_text, ul.response_text {
 padding-bottom: 10px;
 margin-left: 20px;
 margin-right: 20px;
 font-weight: bold;
 font-size: 16px;
}
img {
 max-width: 97%;
}
span {
 word-wrap: break-word;
}
h1.head, h2.subhead {
 text-shadow: 0 2px 8px rgba(0,0,0,0.25);
}
h1.head {
 font-size: 30px;
 text-align: center;
 margin-bottom: 10px;
 padding-top: 5px;
}
h2.subhead {
 font-size: 24px;
 text-align: center;
 margin-bottom: 15px;
}
h3.bullet {
 background: url("https://www.lonestarlending.com/images/Icons/icon_redstar.gif") 0 center no-repeat;
 padding-left: 25px;
 font-size: 18px;
}
p.trust {
 font-size: 18px;
 padding-top: 20px;
 font-style: italic;
 color: #6B6B6B;
 text-align: center;
}
p.action {
 font-size: 18px;
 font-weight: bold;
 text-align: center;
}
p.disclaim, img.disclaim {
 font-size:12px;
 margin-top: 10px;
 display: inline-block;
 vertical-align: middle;
}
img.noborder {
 border: none;
}
img.bullet {
 width: 150px;
 height: auto;
}
span {
 word-wrap: break-word;
}
div.inner_left.image {
 float: left;
 text-align: center;
 width: 49%;
}
div.inner_right {
 padding-left: 5px;
}
div.land_form {
 background-color: #F7F7F5;
 padding: 10px 10px 10px 10px;
 border: 2px solid black;
 text-align: center;
}
div.land_one_column {
 width: 450px;
 text-align: center;
 margin: 0 auto;
}
div.footer {
 text-align: center;
 margin-top: 20px;
}
div.land_cta {
 padding-top: 10px;
 padding-bottom: 20px;
}
div.img_credit {
 text-align: right;
 font-size: 10px;
 padding-bottom: 5px;
 margin-bottom: 0px;
 padding-right: 5px;
}