.cabecalho{
	display: flex;
    align-items: center;
}
h1{
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 50px;
	color: #2B0548;
}
h2{
    margin: 15px;
}
span{
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
	color: red;
}

/*Estilização para dispositívos móveix*/
@media screen and (max-width: 980px){

    /*Cabeçalho*/
    .cabecalho{
        display: flex;
        flex-wrap: wrap;
    }    
    h1{
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 50px;
        color: #2B0548;
        margin: 0 auto;
    }
    h2{
        margin: auto;
    }
    a{
        margin: 25px auto 0;
    }
    .title{
        width: 100%;
    }    
    span{
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-style: normal;
        color: red;
    }
}