nav {
    font: 400 15px/1.8 "Lato", sans-serif;
}

.installation {
    width: 275px;
    margin-bottom: 16px;
}

.werma_content {
    font-family: Georgia, serif;
}

.content_center {
    width: 50%;
    margin: 20px auto;
    text-align: center;
}

h1,
h2,
.test_system {
    margin: 0 auto 20px;
    font-weight: bold;
}

.control_station_img {
    width: 80%;
    margin: 0 auto;
}

.control_station_img img {
    display: block;
    width: 100%;
}

.highlighted {
    background-color: rgb(225, 228, 232);
}

.content_center,
.modules,
.offer_help {
    line-height: 35px;
    letter-spacing: 1px;
}

h3,
h4 {
    margin: 50px 0 20px;
    font-weight: bold;
}

.modules_img img {
    width: 90%;
    margin: 50px 0;
}

.learn_more {
    font-weight: bold;
    margin-bottom: 50px;
}

.smart_monitor_img {
    margin: 50px 0;
}

.offer_help {
    margin: 0 auto;
    width: 70%;
    text-align: center;
}

h4 {
    font-size: 60px;
}

.get_demo,
.install {
    font-weight: bold;
    margin: 20px auto 50px;
}

.fa-circle {
    font-size: 10px;
    vertical-align: top;
    margin-top: 2%;
    width: 15px;
    color: rgb(23, 162, 184);
}

.modules_img_center img {
    display: block;
    width: 80%;
    margin: 50px auto;
}

#player {
    margin: 50px auto;
}

.goBack {
    position: fixed;
    bottom: 40px;
    right: 40px;
}

@media only screen and (max-width: 1024px) {
    .content_center {
        width: 80%;
    }
    .offer_help {
        width: 90%;
    }
}

@media only screen and (max-width: 768px) {
    .fa-circle {
        margin-top: 3.5%;
    }
}

@media only screen and (max-width: 576px) {
    .content_center,
    .modules,
    .offer_help {
        line-height: unset;
    }
    .content_center,
    .offer_help {
        width: 95%;
    }
    h1 {
        font-size: 33px;
    }
    h3 {
        margin-top: 20px;
    }
    .learn_more {
        margin-bottom: 20px;
    }
    .modules_img img {
        width: 100%;
        margin: 20px 0;
    } 
    .fa-circle {
        margin-top: 2%;
    }
    .modules_img_center img {
        margin: 20px auto;
    }
    .smart_monitor_img img {
        width: 100%;
    }
    h4 {
        font-size: 30px;
    }
    #player {
        margin: 20px auto;
        width: 90%;
        height: 30%;
    }
    .get_demo {
        margin: 20px 0 0;
    }
    .goBack {
        bottom: 20px;
        right: 20px;
    }
}