@media only screen and (max-width: 430px) {
    body{
        padding: 0;
        margin: 0;
        background: #0c3f6a;
    }
    .linkt{
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }
    .banner{
        width: 100%;
        background: white;
        
    }
    .img-banner{
        width: 100%;
    }
    .botoes{
        width: 100%;
        background: #0c3f6a;
    }
    .linha{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 10%;
        height: 12vh;
    }
    .linha2{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 3%;
        height: 12vh;
    }
    .esq{
        width: 33%;
        border-left: 2px solid white;
        float: left;
    }
    .esq:hover{
        cursor: pointer;
        background: #6bace2;
    }
    .meio:hover{
        cursor: pointer;
        background: #6bace2;
    }
    .direita:hover{
        cursor: pointer;
        background: #6bace2;
    }
    .meio{
        width: 34%;
        border-left: 2px solid white;
        border-right: 2px solid white;
        float: left;
    }
    .direita{
        width: 33%;
        border-right: 2px solid white;
        float: right;
    }
    .img-bot{
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }
    .rodape{
        width: 100%;
    }
    .img-rod{
        width: 30%;
        margin-left: 35%;
        margin-right: 35%;
        margin-top: 3%;
    }
    .img-pe{
        width: 100%;
    }
  }