@media only screen and (max-width : 640px) {

/*tem que arrumar o menu em mobile porque quando clica não funiona direito (precisa de js)*/

header{
    z-index:10;
    position: absolute;
    background-color:white;
    height:55px;
}

#menu-icon{
    display:inline-block;
    z-index:10;
}

nav ul, nav:active ul {
        z-index:10;
        display: none;
        position: absolute;
        padding: 20px;
        background: #474749;
        min-width:150px;
        right: 20px;
        top: 60px;
        width: 30%;
        border-radius: 4px 0 4px 4px;

    }

    nav li {
        z-index:10;
        text-align: center;
        width: 100%;
        padding: 5px 0;
        margin: 0;

    }

    nav:hover ul {
        z-index:10;
        display: block;

    }
}

section#main-content section.clear-fix .texto{
    text-indent: 24pt;
    font-size: 0.9em;
    padding: 50px;
}

#titulo-etapa{
   font-size: 2em;
}

section#main-content section.clear-fix .sub-section{
  height:auto;
  line-height:40px;
  text-align:center;
}

section#main-content section.clear-fix .titulo-section{
   text-indent:0pt;
}

blockquote{font-size:1em;}

.footer{
font-size: 1.2em;
  margin-top:20px;
    height:55px;
}