/*lineheight för långa texten*/
.grid-one p {
    line-height: 1.8em;
    margin-top: 0;
}
/*Storlek på bilden*/
.grid-two img {
    width: 80%;
}

.project-intro {
    padding-bottom: 0;
}

@media only screen and (min-width: 690px) {
    /*Storlek på bilden*/
    .grid-two img {
        width: 70%;
    }
}

@media only screen and (min-width: 900px) {
    /*Storlek på bilden*/
    .grid-two img {
        width: 50%;
    }
}


@media only screen and (min-width: 1000px) {
/*Storlek på bilden*/
.grid-two img {
    width: 90%;
}
/*Till grid*/
.grid-one {
    grid-area: info;
}

.grid-two {
    grid-area: img;

}

.grid-three {
    grid-area: skills;
    padding-top: 5em;
}

.grid-four{
    grid-area: contact;
    padding-top: 5em;
}

.grid-info-container {
    text-align: left;
    display: grid;
    grid-template-columns: 35% 65%;
    grid-template-areas: 
    "img info"
    "skills contact";
    gap: 30px;
    align-content: center;
    justify-content: center;
}

/*Vänsterställ texten i listorna*/
ul {
    text-align: left;
}

}