/************************************************************/
/* MOBILE FIRST DEFAULTS */	
/************************************************************/	

body {
	font-family: "Roboto", sans-serif;
	color: #222222;
	background-color: #ffffff;
	font-size:125%;
    font-weight:normal;
	}
 
h1, h2 {
    color: #d13f3f;
    font-size: 150%;
}

h2 {
    font-size: 125%;
}

.home-hero {
    background: url(../images/home-hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 200px;  
    background-position: center; 
}

footer {
    background-color: #efefef;
    text-align: center;
    padding: 15px;

    .copyright {
        font-size: 75%;
    } 
    .links {
        font-size: 50%;
        a {
            color: #d13f3f;
            text-decoration: underline;
        }
    }
    .affiliate {
        font-size: 50%;
        a {
            color: #222222;
            text-decoration: underline;
        }
    }
}

/*style the li to be the monkey wrench*/
ul {
    list-style-image: url('../images/li-wrench-icon.png');
}

.tel {
    background-color: #d13f3f;
    color: #ffffff;
    border-radius: 30px;
    padding:10px;
    text-align: center;
    display: inline-block;

    a {
        color: #ffffff;
    }
}
	
/************************************************************/
/* MEDIUM VIEWPORTS 500px */	
/************************************************************/
@media all and (min-width: 500px) {

body {
	font-size:150%;
	}
h1 {
    font-size:175%;
}
.home-hero {
    min-height: 375px;  
}
	
}






/************************************************************/
/* LARGE VIEWPORTS 768px */
/************************************************************/
 @media all and (min-width: 768px) { 

}