/* NAV */

 .project-page nav {
     margin-top: 5px;
     margin-bottom: 20px;
}
 .project-page nav ul {
     list-style: none;
     text-align: center;
     padding: 0;
     margin: 0;
     overflow: hidden;
}
 .project-page nav a {
     transition: background-color .3s;
     font-size: 1.15em;
     padding: 5px;
     text-decoration: none;
     padding-left: 7px;
     padding-right: 7px;
}
 .project-page nav a:hover {
     transition: background-color .3s;
     background-color: #efefef;
     border-bottom: solid 2px #3E0806;
}
 @media (min-width: 600px) {
     .project-page nav ul {
         display: flex;
         align-items: center;
         justify-content: center;
    }
}


/* MAIN HEADER */

 .project-page header {
     text-align: center;
}
 .project-page header .logo {
     max-width: 20%;
}
 .project-page header h2 {
     font-size: 3em;
}
 .project-page header p {
     font-size: 2em;
}


/* BOX OVERLAP */

 .box-overlap-container img {
     margin-left: auto;
     margin-right: auto;
     display: block;
}
 .box-overlap-info {
     background-color: #efefef;
     padding: 30px;
     display: block;
     margin-bottom: 20px;
}
 .box-overlap-info a {
     text-decoration: none;
}
 .box-overlap-info a:after {
     content: "\f054";
     margin-left: 5px;
     font-family: Font Awesome\ 5 Pro;
     font-weight: 900;
}
 @media (min-width: 768px) {
     .box-overlap-container {
         position: relative;
    }
     .box-overlap-container img {
         margin-left: auto;
         max-width: 400px;
         margin-right: 5%;
    }
     .box-overlap-info {
         position: absolute;
         width: 55%;
         left: 5%;
         margin-top: 10%;
    }
}
 @media (min-width: 992px) {
     .box-overlap-container img {
         margin-right: 10%;
    }
     .box-overlap-info {
         margin-top: 7%;
         left: 10%;
         width: 50%;
    }
}
 @media (min-width: 1200px) {
     .box-overlap-container img {
         margin-right: 15%;
    }
     .box-overlap-info {
         left: 15%;
         width: 45%;
    }
}


/* GENERAL */

 .project-page header {
     margin-bottom: 50px;
}
 .project-page h3 {
     font-size: 1.8em;
     font-weight: bold;
}
 .project-page h4 {
     font-size: 1.6em;
}
 .project-page h5 {
     font-size: 1.2em;
}
 .project-margins {
     margin: 0 10%;
}