@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@700&display=swap');

ul{
    margin: 0;
    padding: 0;
}

ul li{
    list-style: none;
}

.row { 
    margin-left: 0; 
    margin-right: 0;
}

html, body {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400 !important;
    color: #333;
    background: #FEFEFE;
    font-size: 1.1rem;
}

header {
    padding: 2rem 0;
    background: #0D204A;
    color: #FEFEFE;
}

header img{
    max-width: 80vw;
    height: auto;
}

header h1{
    margin: 5rem 0;
    font-size: 2rem;
}

h2{
    text-align: center;
    color: #F38635;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin: 40px 0 20px 0;
}

.servicos ul li{
    font-size: 1.3rem;
    padding: 7px;
    margin: 20px 0;
    background: #F0DFD2;
    border-radius: 3px;
    box-shadow: 3px 5px 5px rgba(49, 34, 23, 0.47);
    min-height: 70px;
}

button, #go-to-action {
    background: none;
    color: #F38635;
    border: 2px solid #F38635;
    border-radius: 3px;
    font-weight: 700;
    font-size: 1.3rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    transition: all 1s;
    text-decoration: none;
    padding: 5px 7px;
}

button:hover, #go-to-action:hover{
    background: #F38635;
    color: #FEFEFE !important;
}

#quote-servicos{
    min-height: 300px;
    background: url(./images/bg-servicos.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed, scroll;
}

.profile{
    padding: 20px 10px;
}

.profile p{
    margin: 5px 0;
}

.profile-leandro {
    background: #0D204A;
    color: #FEFEFE;
}

h3{
    display: inline;
    margin-left: 10px;
}

footer{
    margin-top: 40px;
    background: #333333;
    color: #FFF;
    text-align: center;
    padding: 10px 0;
    font-size: .7rem;
}

.form-control{
    margin: 10px 0;
}

.contato ul{
    padding: 20px;
}

.contato ul li{
    margin: 10px 0;
}

a, a:hover{
    text-decoration: none;
    color: #333;
}

#lista-contatos{
    margin-left: 20px;
}

@media (max-width: 700px) {
    
    .servicos ul li{
        font-size: .9rem;
    }
    
    header h1{
        font-size: 1.5rem;
    }
    
    #lista-contatos{
        margin-left: 0;
    }
}