a {color:#0000d0; font-weight:500; text-decoration:underline;}
a:hover {color:#4088b8; text-decoration:underline;}

h1 {color:#4088b8; letter-spacing:-3px; margin:0 0 20px 25px;}
h1 a {color:#0000ff;}
h2 {border-bottom:4px solid #dadada; color:#4088b8; letter-spacing:-1px; margin:0 0 10px; padding:0 2px 2px 5px;}
h3 {border-bottom:2px solid #dadada; color:#4088b8; margin:10px 0 8px; padding:1px 2px 2px 3px;}
h4 {border-bottom:1px solid #dadada; margin: 5px 0px 5px 0px; color:#4088b8;}

* {
    box-sizing: border-box;
}


/* Syle images */

img {
    max-width: 100%;
    height: auto;
}

table.spec {
  table-layout: auto;
  width: 100%;
  background-color: #f4f4f4;
}

table.spec td {
	vertical-align: top;
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 150%;
}

.content-wrapper {
  margin-right: auto;
  margin-left: auto;
  max-width: 1080px;
}

/* Style the header */
.header {
    background-color: #ffffff;
    padding: 20px;
    text-align: left;
}

.header.search {
	float:right;
	max-width: 40%;
}

/* Create two unequal columns that floats next to each other */
.column {
    float: left;
    padding: 10px;
}

/* Left column */
.column.left {
    width: 25%;
}

/* Body column */
.column.body {
    width: 75%;
    float: left;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Style the footer */
.footer {
    background-color: #f1f1f1;
    padding: 0px;
    text-align: center;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 400px) {
    .column.left, .column.body {
        width: 100%;
    }
}