@charset "utf-8";

.articleForm {
	position: relative;
    top: 12%;
	left: 0%;
	right: 0%;
	margin: auto;
	width: 70%;
	max-width: 640px;
}

.campos {
    width: 96%;
    padding: 1% 2%;
    margin-bottom: 2%;
    font-family: inherit;
    font-size: 1rem;
    border-radius: 6px;
    border: 2px solid #4cbdc4;
    color: #4cbdc4;
}

.botaoForm {
    width: 100%;
    padding: 1.5%;
    font-family: inherit;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 6px;
    border: none;
    color: #ffffff;
    background-color: #4cbdc4;
}

@media (max-width: 500px), (max-device-width: 500px) {
    .articleForm {
        max-width: none;
        width: 80%;
    }
}



@media (max-device-width: 500px) {
    .campos, #botaoForm {
        font-size: 2.5rem;
    }
    
    .articleForm {
        margin-bottom: 6%;
    }
    
}