@import './styles/fonts.css';

@import './styles/sections/header.css';
@import './styles/sections/hero.css';
@import './styles/sections/why.css';
@import './styles/sections/about.css';
@import './styles/sections/testimonials.css';
@import './styles/sections/pricing.css';
@import './styles/sections/legal.css';
@import './styles/sections/faq.css';
@import './styles/sections/footer.css';

.main, .header {
    margin: 0 80px 0 80px;
}
section {
    margin-top: 110px;
}
header span {
    font-family: 'Montserrat-Regular', sans-serif;
    font-size: 30px;
}
header .navigation {
    font-family: 'Roboto-Bold', sans-serif;
}

.text-accent {
    color: #FB8C00;
}

.accordion-title {
    color: #43A047;
}

button {
    font-family: "Montserrat-Bold", sans-serif;
    background-color: #43A047;
}
button:hover {
    background-color: #388E3C;
}

h1 {
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 42px;
    font-weight: bold;
}
h2 {
    font-size: 40px;
    font-family: "Montserrat-Bold", sans-serif;
}

@media (max-width: 640px) {
    .main, .header {
        margin: 0;
        width: 100%;
    }
    h1 {
        font-size: 32px;
        line-height: 38px;
    }
    h2 {
        font-size: 30px;
    }
}