body {color: #5a5a5a;
font-family: Verdana, Geneva, Tahoma, sans-serif;
background: linear-gradient(#c4c4c4, #dadada);
background-attachment: fixed;
margin: 0px;}

header {background-color: #2b2b2b;
color: #ffffff;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size: large;
text-align: right;
padding-top: 0rem;
grid-row: 1 / 2;
grid-column: 2 / -2;}

header h1 {line-height: 150%;
height: 60px;
background-image: url('images/rrsc.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 1rem;
margin: 0;}

header a {text-decoration: none;
color: #ffffff;}

* { box-sizing: border-box; }

header a:hover {background-color: #2b2b2b;
    color: #ffffff;}

nav {font-weight: bold;
background-color: #9e9e9e;
grid-row: 2 / 3;
grid-column: 2 / -2;
margin: 0;}

nav a {text-decoration: none;
    text-align: center;
    padding: 1rem;
    color: #ffffff;
    font-size: medium;
    display: block;}

nav a:hover {background-color: #2b2b2b;
    color: #ffffff;}

nav ul {list-style-type: none;
    margin: 0rem;
    padding-left: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-right: 0rem;
    display: flex;
    flex-flow: row nowrap;}

nav ul li {width: 100%;}

main {background-color: #ffffff;
    padding-left: 1rem;
    padding-right: 1rem;
    grid-row: 4 / 5;
    grid-column: 1 / -1;}

section {float: left;
    width: 50%;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;}   

h2 {color: #2b2b2b;
font-family: Verdana, Geneva, Tahoma, sans-serif;
text-align: center;}

footer {background-color: #ffffff;
font-size: .5rem;
font-style: italic;
text-align: center;
padding: .5rem;
grid-row: 5 / 6;
grid-column: 1 / -1;}

#wrapper {display: grid;
    grid-auto-rows: minmax(0px, auto);
    grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);}

#darkerbar {background-color: #2b2b2b;
grid-column: 1 / -1;
grid-row: 1 / 2;}

#lighterbar {background-color: #9e9e9e;
grid-column: 1 / -1;
grid-row: 2 / 3;}

#residential {height: 200px;
    background-image: url('images/residential.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    grid-row: 3 / 4;
    text-align: center;
    color: #ffffff;
    padding-top: 80px;
}

#commercial {height: 200px;
    background-image: url('images/commercial.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #ffffff;
    padding-top: 80px;}

#solar1 {height: 270px;
    background-image: url('images/solar1.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #ffffff;
    padding-top: 70px;
    font-size: x-large;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    grid-row: 3 / 4;
    grid-column: 1 / -1;}

    #pictures a:link {text-decoration: none;
        font-size: large;}