* {
    box-sizing: border-box;
    margin: 0;
    border: 0;
    padding: 0;
}

.navbar {
    position: sticky;
    top: 0;
    z-index: 2000;
}

img {
    display: block;
    max-width: 100%;
}

h1{
    font-size: 30px;
}

h3{
    font-size: 30px;
}

h2{
    margin: 10px;
    font-size: 17px;
}

a {
	font-size: 17px;
}

.grelhaabout{
    font-size: 10px;
}

.barraphotography{
    margin-top: 0px;
}

.grelhaphotography{
    margin-top: 0px;
}

.img1 {
    grid-area: img1;
    margin-top: 20px;
}

.img2 {
    grid-area: img2;
    margin-top: 10px;
}

.img3 {
    grid-area: img3;
    margin-top: 10px;
}

.img4 {
    grid-area: img4;
    width: 100%;
    margin-top: 23px;
}

.img5 {
    grid-area: img5;
    width: 100%;
    margin-top: 23px;
}

.img6 {
    grid-area: img6;
    width: 100%;
    margin-top: 23px;
}

.barradrawing{
    margin-top: 40px;

}

.grelhadrawing{
    margin-top: 10px;
}

.drawing4 {
    grid-area: drawing4;
    margin-top: 10px;
}

.drawing5 {
    grid-area: drawing5;
    margin-top: 10px;
}

.drawing6 {
    grid-area: drawing6;
    margin-top: 10px;
    height: 30px;
}

.drawing7 {
    grid-area: drawing7;
    margin-top: -24px;
}

.drawing8 {
    grid-area: drawing8;
    margin-top: -24px;
}

.drawing9 {
    grid-area: drawing9;
    margin-top: -24px;
}

.barraprojects{
    margin-top: -24px;
}

.barraprojects:hover {
        background:rgb(138, 136, 132);
        border-radius: 50%;
}

.grelhaprojects{
    grid-column-gap: 20px;
    margin-top: 60px;
    font-size: 10px;
}

.barracontact{
    margin-top: 24px;    
}

.barraemail{
    font-size: 15px;
}