body {
    font-size: 20px !important;
    margin: 0;
    padding: 0;
    font-family: Roboto, Arial, sans-serif;
}

*:focus {
    outline: none;
}

@media all and (min-width:1601px) {
    body {
        font-size: 20px !important;
    }
}

@media all and (max-width:1600px) and (min-width:1281px) {
    body {
        font-size: 15px !important;
    }
}

@media all and (max-width:1280px) and (min-width:1021px) {
    body {
        font-size: 14px !important;
    }
}

@media all and (max-width:1020px) and (min-width:1px) {
    body {
        font-size: 12px !important;
    }
}

.stretch {
width:100%;
}


.background-top-software {
width:100%;
position:relative;
top:0;
left:0;
}


.background-bottom-software {
width:100%;
position:relative;
top:0;
left:0;
margin-bottom:7%;
clear:both;
}

.background-title 
{
    width:80%;
    top:0;
    left:0;
    position:relative;
}

.mid-section-text {
font-family:'Roboto Light', arial, sans-serif;
font-size:90%;
font-weight:lighter;
margin-top:2%;
}


.background-first-pic 
{
    width:58%;
    top:0;
    left:0;
    position:relative;
    margin-top:8%;
}


.background-second-pic 
{
    width:52%;
    top:0;
    left:-8%;
    position:relative;
}

.background-featuresbutton 
{
    width:25%;
    top:0;
    left:0;
    position:relative;
    margin-top:7%;
}


.background-mobiletop-pic 
{
    width:52%;
    top:0;
    left:13%;
    position:relative;    
    margin-top:6%;
}

.background-mobilebottom-pic 
{
    width:58%;
    top:0;
    left:14%;
    position:relative;    
}

.background-appstores 
{
    width:20%;
    top:0;
    left:0;
    float:left;
    margin-top:6%;
    margin-right:2%;
}


.quote-section 
{
    background-color:#e5e5e5;
    border-radius:5px;
    width:65%;
    clear:both;
    text-align:left;
    padding-left:3%;
    margin-bottom:8%;
    position:relative;
}

.quote-title 
{
    font-family:'Roboto', arial, sans-serif;
    font-size:120%;
    padding: 2% 0 1%;
    text-transform:uppercase;
}

.quote-text 
{
    font-family:'Roboto Light', arial, sans-serif;
    font-size:100%;
    width:35%;
    font-weight:lighter;
}

.textbox-title
{
    font-family:'Roboto', arial, sans-serif;
    font-size:70%;
    margin-top:6%;
}

.background-customerrep 
{
    width:48%;
    top:0;
    left:30%;
    position:relative;
}

.textbox 
{
    width:100%;
    border:1px solid #dcdcdc;
    border-radius: 5px;
    padding:1.5%;
    font-family: Arial, Sans-Serif;
    font-size:100%;
}

.background-submitbutton 
{
    width:50%;
    top:0;
    left:0;
    position:relative;
    padding:10% 0; 
}

.bottom-text-section {
position:absolute;
right:0%;
top:75%;
width:100%;
}

.bottom-text-title {
font-family:'Roboto', arial, sans-serif;
font-size:180%;
text-transform:uppercase;
color:White;
}

.bottom-text {
font-family:'Roboto Light', arial, sans-serif;
font-size:100%;
color:White;
font-weight:lighter;
width:54%;
padding-top:.5%;
}

.nav-customsoftware 
{
    color:#00a4ff;
}

.plan-list {
font-family:'Roboto Light', arial, sans-serif;
font-size:100%;
font-weight:lighter;
margin-top:3%;
}

ul.professions 
{
   list-style-type: disc;
   padding: 0 0 0 3%;
   margin: 0;
   font-family:'Roboto Light', arial, sans-serif;
   font-size:100%;
   width:40%;
   float:left;
}


li {
    padding: 3% 0;
}

.after-bullet-text {
    clear:both;
    padding-bottom:2%;
}