/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}

@media(min-width:767px) {
    .navbar {
        padding: 10px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
        border-bottom: 1px solid #f7f7f7;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

.open-section {
    box-sizing: border-box;
    padding: 15rem 0 30rem 0;
    text-align: center;
    background: #99cccc;
    background-image: url('../img/testata.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.open-section-mobile {
    box-sizing: border-box;
    padding: 15rem 0 15rem 0;
    text-align: center;
    background: #99cccc;
    background-image: url('../img/testata_mobile.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.why-section {   
    padding: 10rem 0 10rem 0;
    text-align: left;
    font-size: 16px;
    background: #f7f7f7; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(#ffffff, #f7f7f7); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#ffffff, #f7f7f7); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#ffffff, #f7f7f7); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#ffffff, #f7f7f7); /* Standard syntax */
}

.services-section {   
    padding: 10rem 0 10rem 0;
    text-align: left;
    font-size: 16px;
    background: #ffffff;
}

.about-section {
    padding: 10rem 0 10rem 0;
    text-align: left;
    font-size: 16px;
    color: #f7f7f7;
    background: #99cccc;
    background-image: url('../img/testata_mobile.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.advantages-section {
    padding: 10rem 0 10rem 0;
    text-align: left;
    font-size: 16px;
    color: #f7f7f7;
    background: #99cccc;
    background-image: url('../img/testata_mobile.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.budget-section {   
    padding: 10rem 0 10rem 0;
    text-align: left;
    font-size: 16px;
    background: #ffffff;
}

.contact-section {   
    padding: 10rem 0 10rem 0;
    text-align: left;
    font-size: 16px;
    background: #f7f7f7;
}

.footer-section {
    padding: 5rem 0 5rem 0;
    text-align: center;
    font-size: 14px;
    background: #ffffff;

}

.page-section {   
    padding: 5rem 0 5rem 0;
    text-align: left;
    font-size: 16px;
    background: #ffffff;
}