@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);


/*
#suffernolonger { clear:none; margin: -40px 0 0 150px}
#outercontainer { background:url(../img/header_bg.png) no-repeat top center; width:960px; margin:0 auto;}
#question {float:left}
#fixsteps {text-align:left; padding-top:7px; width:400px; float:right; border-left: solid #aaa 1px}
#fixsteps li {	font-size: 32px; margin:0 0 0 0; padding: 0px 0 0 0px;	color: #0181c3; font-family: 'Open Sans Condensed', sans-serif; font-weight:700 }
#proposal {clear:both}
.clearfix1 h2 {	font-size: 38px; margin:3px 0 10px 0; padding: 0px 0 0 0px;	color: #fff; font-weight:bold;  text-shadow:1px 2px 1px #0181c3; -moz-text-shadow:1px 2px 1px #0181c3; -webkit-text-shadow:1px 2px 1px }
*/
    
.col-3 {
    margin: 0px auto 20px auto;
    padding: 20px 50px;
    float: left;
    box-sizing:border-box;
    text-align: center;
    overflow: hidden;
}

@media only screen and (max-width: 665px) {
    .col-3 {
        width: 100%
    }
    body {
        /*background-color: coral;*/
    }
    #toptitle h1 {
        margin: .3em 0 0 0;
        font-size: 2em;
     }    
    label {
        display: block;
    }
}

@media only screen and (min-width: 666px) and (max-width: 980px) {
    .col-3 {
        width: 100%
    }
    #toptitle h2 {
        /*line-height: 2;  */  
    }
    #toptitle h1 {
        margin: .7em 0 0 0;
        font-size: 2em;
    }    
    label {
        display: block;
    }
}

@media only screen and (min-width: 981px) {
    .col-3 {
        width: 33.33%;
        margin-bottom: 50px;
    }
    #toptitle h2 {
        /*line-height: 2.5;  */  
    }
    body {
        /*background-color: aqua;*/
    }
    #toptitle h1 {
        margin: 1.4em 0 0 0;
        font-size: 2.5em;
     }
    label {
        float: left;
    }
}

.col-3 p {
    line-height: 1.5em;
    font-size: .9em;
}

/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


.col-3 h2 {
    font-size: 1.5em;
    color:mediumseagreen;
    text-align: center;
}

.overall-col-3 {
    width: 100%;
}



body {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
}

#toptitle h1 {
    text-align: left;
    padding: 0;
    text-transform:capitalize;
}



h2 {
    text-align: left;
}

#toptitle h2 {
    font-size: 1.2em;
    line-height: 1.3em;
}

#howitworks, #order {
    background-color: #F2E0F7;
    padding-bottom: 3em;
}

#howitworks h1, #faq h1, #order h1, #product h1 {
    padding: 1em 0 0 0;
    font-size: 2em;
    text-align: center;
    text-transform: capitalize;
    color:mediumseagreen;
}

#toptitle {
/*    background: url('../img/carbackground3.png') no-repeat center center; */
    /*height: 700px;*/
    /*background-size: cover;*/
    /*position: relative;*/
    display: block;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    color: #461B7E;
    background-color: #fcdfff;
   /* box-sizing: border-box;*/
}

.button {
    border-radius: 3px;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
    padding: 14px 25px;
    text-align: center;
    min-width: 200px;
    display:block;
    text-transform: uppercase;
    width: 8em;
    text-decoration: none;
    color: white;
    background-color:mediumseagreen;
    margin: 0 auto;
    font-weight: 700;
}

#topsell .button {
    margin: 0;
}

.button:hover {
    color:mediumseagreen;
    background-color:white;
}



nav ul, nav li {
    margin: 0;
    list-style: none;
    float:left;
    letter-spacing: .2em
}

nav li {
    padding: 0 25px 0 0;
}

nav ul {
    float:right;
}

nav li a {
    display: block;
    line-height: 2em;
    fontsize: 1em;
    text-decoration: none;
    color:white;
    text-transform: uppercase;
    padding: .2em;
    font-weight: 700;
}

nav li a:hover {
    color: mediumseagreen;
    background-color: white;
}

.centeredlist {
    padding: 0;
    margin: 0 auto;
}

.col-3 img {
    position: relative;
    top: 20px;
 }

#howitworks li, #faq li {
    padding-bottom: 1em;
        
}

#howitworks ol, #faq ul, #order {
    padding: 0 15% 0 15%;
}

#keyfix {
    /*display: block;*/
    /*margin-left: auto;
    margin-right: auto;*/
}

fieldset {
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 10px;
}

input, select {
    display: block;
/*    clear: both; */
/*    display: inline; */
}

input:focus, select:focus {
    outline: solid darkorchid;
}

input:hover, select:hover {
    outline: solid red;
}

label {
    width: 10em;
    clear: left;
}

fieldset {
    clear: left;
}

#topsell {
    width: ;
    padding: 30px 0% 30px 10%;
    float: left;
}


#orders {
    float:left;
}

#topimage {
    padding: 60px 0% 30px 10%;
    /*background-color:bisque;*/
    float: left;
    width: auto;
    
}

.col-3 li {
    text-align: left;
}

.col-3 ul {
    margin-top: 3em;
}

h1 {
    
}

.overall-col-3 h1 {
    padding: 1em 0 0 0;
    font-size: 2em;
    text-align: center;
    text-transform: capitalize;
}