.spam{
    width: 50%;
    margin: auto;
    margin-top: 2rem;
    display: inline-block;
}
section{
    text-align: center;
    margin-top: 20px;
}
.title{
    font-size: 2rem;
}
#nos{
    margin-left: 30%;
}
#historia{
    margin-right: 35%;
    width: 60%;
    display: inline-block;
}
#contato{
    margin-top: 95px;
    position: absolute;
    right: 15%;
    display: inline-block;
    text-align: center;
}
#cont{
    font-size: 1.7rem;
}

@media (max-width: 500px) {
.spam{
    width: 80%;
    margin: auto;
    margin-top: 2rem;
    display: inline-block;
}
#nos{
    margin-left: 0%;
}
#historia{
    margin-left: 18%;
    width: 60%;
    margin-top: 145px;
    display: inline-block;
}
#contato{
    position:relative;
    left: 10%;
    top: -65px;
}
}
@media (min-width: 501px) and (max-width: 1200px) {
    #nos{
        margin: 0%;
        display: inline-block;
    }
    #contato{
        width: 30%;
        left: 48%;
    }
}