@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;
        right: 20px;
        top: 60px;
        width: 30%;
        min-width:150px;
        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;
    }
}

#sidebar{
    width: 300px;
    margin-left: -300px;
}

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

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;
   font-size:1.2em;
}

blockquote{font-size:1em;}

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

.footer{
  margin-top:20px;
    height:100px;
}

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