Trecho De Css Para Desenvolvimento De Sites

.menu{

background-image: linear-gradient(287deg, #765211, #9e2a3d);

background-color: #9d223d;

color: #fff;

padding: 1em 0;

font-weight: 300;

font-size: 0.8em;

text-transform: uppercase;

text-align: top;

letter-spacing: .1em;

padding-left: .1em;

}

.cabecalho {

background-image: linear-gradient(287deg, #765211, #9e2a3d);

background-color: #9d223d;

color: #fff;

padding: 2em 0;

font-weight: 300;

font-size: 1.8em;

text-transform: uppercase;

text-align: center;

letter-spacing: .4em;

padding-left: .4em;

/*background-color: purple;

text-align: center;

font-size: 1.8em;

color: white; */

}

@media (min-width: 300px) {

.cabecalho {

float: left;

width: 100%;

height: 300px;

}

}

@media (min-width: 640px) {

.cabecalho {

float: left;

width: 100%;

height: 300px;

background-color: pink;

font-size: 2.5em;

text-align: left;

letter-spacing: .2em;

color: black;

}

}

@media (min-width: 1024px) {

.cabecalho {

float: left;

width: 100%;

height: 300px;

background-color: blue;

font-size: 3.5em;

text-align: left;

letter-spacing: .4em;

color: white;

}

}