@charset "UTF-8";

@media screen and (min-width: 768px) and (max-width: 1130px) {
    body{
        background: url(../imagens/lapis2.jpg);
        background-color: aquamarine;
        background-size: cover;
        background-repeat: none;
        background-position: center center;
        height: 1080px;
    }

    section#cv{
        margin: auto;
        max-width: 90vw;
        height: 950px;
        background-color: whitesmoke;
        margin-top: 100px;
        box-shadow: -20px 20px 15px rgba(0, 0, 0, 0.434);
    }

    section#cv h1, h2 ,h3 ,p {
        font-weight: 400;
    }

    section#perfil{
        width: 600px;
        text-align: left;
    }

    section#perfil img{
        margin-left: 70px;
        margin-right: 20px;
    }

    section#apresentacao{
        height: 450px;
        width: 32%;
        float: left;
        margin-top: 13px;
        padding-bottom: 300px;
        padding-left: 40px;
        border: none;
        border-right: 1px solid black;
    }

    section#exp {
        margin-top: -10px;
        float: right;
        max-width: 55vw;
    }

    section#exp div h2{
        border: none;
    }
}

@media screen and (min-width: 1130px) {
    body{
        margin: auto;
        background: url(../imagens/lapis2.jpg);
        background-size: cover;
        background-repeat: none;
        background-position: center center;
    }

    main{
        margin: auto;
        max-width: 75vw;
        height: 1100px;
    }

    section#cv{
        margin-top: 100px;
        height: 1000px;
        background-color: whitesmoke;
        box-shadow: -40px 40px 15px rgba(0, 0, 0, 0.434);
    }

    section#cv h1, h2, h3, p{
        font-weight: 400;
    }

    section#perfil {
        height: 150px;
        text-align: left;
        width: 67vw;
    }

    section#perfil img{
        margin-top: 20px;
        margin-right: 60px;
        float: right;
    }

    section#perfil div#perfiltxt{
        margin-left: 60px;
        margin-top: 25px;
    }

    div#perfiltxt h1{
        font-size:2em ;
    }

    section#apresentacao{
        height: 400px;
        width: 30%;
        padding-top: 13px;
        border: none;
        border-right: 1px solid black;
        float: left;
        padding-left: 30px;
        padding-bottom: 300px;
    }

    section#apresentacao div{
        width: 80%;
        border-bottom: 1px solid black;
    }

    section#apresentacao div#skills{
        border: none;
    }

    section#apresentacao p{
        padding-bottom: 15px;
    }

    section#exp{
        margin-top:10px;
        width: 45vw;
        margin-right: 30px;
    }

    section#exp div{
        padding-top: 0px;
        border-bottom: 1px solid black;
        margin-bottom: 40px;
    }

    section#exp div h2{
        width: 500px;
        border: none;
        padding-bottom: 20px;
    }

    section#exp ul{
        max-width: 350px;
    }

    section#exp div#prof{
        border: none;
    }
}