html { width:100%;}
body { font-family: 'Roboto Slab', serif; font-size:62.5%; background: #ffffff; color: #7a7a7a;}
input, textarea, select { font-size:140%; letter-spacing:1; }

a { color:#005bab; }
a:hover { color:#005bab; }

h1 { font-size: 280%; text-align: center;}
h2 { font-size: 220%; text-align: center;}
h3 { font-size: 200%; }
h4, h5 { font-size: 18px; text-align: justify; color: #7a7a7a;}
h6 { font-size: 18px; text-align: center;}

#site-wrap {width: 1040px; margin: 20px auto 30px;}
#back {background-color: #872313; color: #fff;}
#back-bot {background-color: #dbdbdb; color: #7a7a7a;}

.header {padding-bottom: 0px; background: url('img/hr-wide.jpg') center bottom no-repeat;}
.header img {float: left;}
.header .smart-systems {float: right; width: 500px; text-align: right; font-size: 16px; line-height: 130%; font-weight: bold;}
.header .smart-systems span {color: #044178;}
.header .back-content {float: center; width: 980px; text-align: center;; font-size: 180%; line-height: 130%; font-weight: bold;}

.content {padding: 20px 0 20px; background: url('img/hr-wide.jpg') center bottom no-repeat;}

.content .links {padding-top: 0px; font-size: 16px; font-weight: bold;}
.content .links a {color: #044178; text-decoration: none;}
.content .links a:hover {text-decoration: underline;}
.content .links a span {color: #005bab;}
.content .links .to-devices {float: left; width: 300px; text-align: left;}
.content .links .to-cat {float: right; width: 300px; text-align: right;}
.content .links .to-d {float: left; width: 400px; text-align: right; font-size: 16px;}
.content .links .to-c {float: right; width: 280px; text-align: left; font-size: 18px;}
.content .links .to-d a {color: #fff;}
.content .links .to-c a {color: #fff;}

.content .devices {padding: 50px 0 50px;}
.content .devices .device {float: left; width: 345px; height: 360px; background: url('img/hr-narrow.jpg') center bottom no-repeat; text-align: center;}
.content .devices .device .link-holder {background: url('img/hr-narrow.jpg') 0 210px no-repeat; height: 250px;}
.content .devices .device .link-holder a {text-decoration: none; color: #6d6d6d;}
.content .devices .device .link-holder a:hover span {text-decoration: underline;}
.content .devices .device .link-holder img {padding-bottom: 30px;}
.content .devices .device .link-holder span {font-size: 180%; font-weight: bold;}
.content .devices .device .link-holder span strong {color: #005bab;}
.content .devices .device .description {font-size: 14px; line-height: 120%; padding: 20px 40px;}

.content .about {font-size: 18px; line-height: 140%; color: #7a7a7a; text-align: center; padding: 40px 0 20px 0}
.content .brand {font-size: 18px; line-height: 140%; color: #7a7a7a; text-align: justify;}
.btn {
    background-color: #044178;
    border-radius: 25px;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
.btn:hover {
            background-color: #010E60;
            color: white;
}
.btn:active {
            background-color: #010E60;
            color: white;
}

.copyright {padding-top: 0px; text-align: center; font-size: 18px; line-height: 140%;}
.copyright a {color: #044178; text-decoration: none;}
.copyright a:hover {text-decoration: underline;}