.project-details:nth-of-type(1) {
    padding-bottom: 20px;
}


/* ABOUT ME */
.about-img-divider {
 display: flex;
 flex-direction: row;
 width: 100%;
 margin: 70px 0 0 0;
}

.about-img {
   min-width: 40%;
   align-items: center;
   align-content: center;;
}

.about-img figure {
    /* min-width: 200px; */
    max-height: 300px;
}

.about-img figure img {
    object-fit: cover;
	object-position: center;
}

.about-text {
    /* min-width: 100%; */
    min-width: 70%;
    display: flex;
    flex-direction: column;
    max-width: 700px;
    margin-left: 20px;
    margin-right: 0;
}

.about-text h1 {
   padding: 0 0 30px 0;
}

/*THE CV*/

.bottom-section {
    display: flex;
    flex-direction: row;
    margin: 20px 100px 0 100px;
}

.cv-text {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.cv-text:nth-of-type(1) {
   margin-right: 10px; 
}

.cv-text:nth-of-type(2) {
   margin-right: 10px; 
    margin-left: 10px; 
}


.tools {
    /* display: flex; */
    width: 30%;
}

.tool-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
  grid-template-rows: repeat(2, auto);   /* 2 rows */
  gap: 10px; /* space between images */
}

.experience-groupings {
    padding-bottom: 10px;
}

.experience-groupings p {
    padding: 0 0 2px 0;
    margin: 0;
}

#bottom-space {
    height: 80px;

}


 /* Media Queries
--------------- */

 @media (max-width: 600px) {

.about-img-divider {
 display: flex;
 flex-direction: column;
 width: 100%;
 margin: 60px 0 0 0;
}

.about-img {
    display: flex;
   min-width: 100%;
   display: none;
   /* align-items: center;
   align-content: center; */
}

.about-img figure {
    display: flex;
    max-height: 150px;
    
    object-fit: cover;
	object-position: center;
}

.about-text {
    margin-left: 0px;
    margin-right: 0;
}





.bottom-section {
    display: flex;
    flex-direction: column;
    margin: 0px 60px 0 60px;
}

.cv-text {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.cv-text:nth-of-type(1) {
   margin-right: 0px; 
}

.cv-text:nth-of-type(2) {
   margin-right: 0px; 
    margin-left: 0px; 
}

.tools {
    width: 100%;
}


 }