body { 
    padding-top: 100px; 
    background-image:url('halftone.png');
}
#dallashotshots{
background-color: #F63;
width: 25%;
margin: 5%;
}
#komatsu{
width: 40%;
margin: 5%;
}
.footer {
width: 100%;
height: 170px;
position: relative;
top: 50px;
background-color: #F5F5F5;
}
#contactbackground{
width: 100%;
position: relative;
background: #A8F6DA;
}
.padding{
margin: 5%;
}
.well{
background-color: #FFF;
}
.indent{
position: relative;
left: 20px;
}
#background {
width: 100%;
height: 65%;
position: relative;
background: #A8F6DA;
}
.flexible{
width: 80%;
}
.desktop{
width: 65%;
position: relative;
left: 20%;
}
.container-fluid{
background-color: #FFF;
}
.navbar-brand{
color: black;
}
.navbar-brand:hover{
color: #A8F6DA;
}
.navbar-default .navbar-nav>li>a {
padding-left: 70px;
color: #333;
background-color: #FFF;
}

*{
font-family: 'Quicksand', sans-serif;
font-size: 1.1 em;
}
.glyphicon-fire{
color: #FF6633;
}
.glyphicon-fire:hover{
color: #66FFFF;
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 50px;
background-color: #FFFF;
}
.navbar-nav>li>a:hover{
background-color: #F7E583;
}
.container-fluid {
height: 75px;
}

@media all and (max-width: 580px) {
body { 
    padding-top: 25%; 
    background-image:url('halftone.png');
}
//indent for tools list
.indent{
position: relative;
left: 20px;
}
.nav>li>a {
padding-left: 70px;
color: #333;
font-size: 2 em;
background-color: #FFF;
}
.navbar-default .navbar-nav>li>a:hover{
background-color: #F7E583;
}
}

@media all and (min-width: 1000px) {
body { 
    padding-top: 100px; 
    background-image:url('halftone.png');
}
#dallashotshots{
background-color: #F63;
width: 15%;
margin: 5%;
}
.navbar-default .navbar-nav>li>a:hover {
background-color: #FFF;
}
#komatsu{
width: 20%;
margin: 5%;
}
.flexible{
width: 60%;
}
}