.proContent{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    top: 300px;
    width: 75%;
    margin: 0 auto 18em;
    padding: 20px 0;
    overflow: scroll;
}

h1 {
    width: 100%;
    text-align: center;
}

.projectTile {
    width: 25rem;
    height: 15rem;
    margin: 20px;
    border: 1px solid lightgray ;
    border-radius: 15px;
    align-items:center;
    justify-content: center;
    display: inline-block;
    position: relative;
}

.titleContainer{
    position: absolute;
    top: 0px;
    left: 0;
    width: 25rem;
    height: 15rem;
    color: azure;
    text-align: center;
    border-radius: 15px;
    opacity: 1;
}

.title {
    width: 70%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px;
    margin-top: 3px;
    border-radius: 3px;
}

.descriptContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 25rem;
    height: 15rem;
    color: black;
    text-align: justify;
    border-radius: 15px;
}


.descript{
    width: 90%;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 5px;
    margin-top: 3px;
    border-radius: 3px;
    display: block;
}

#metis {
    background-image: url('../images/Metis\ Crossing\ Solar\ Project\ -\ 4.9\ MW\ 25\ kV\ Solar\ Facility.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
}

#metisTitle {
    opacity: 1;
    display: block;
}

#metisDescript {
    opacity: 1;
    display: block;
}

#montana {
    background-image: url('../images/Montana\ First\ Nation\ -\ Grid\ Scale\ Solar\ Facility\ Development\ –\ 4.6\ MW\,\ 25\ kV\ Solar\ Facility:.JPG');
    background-repeat: no-repeat;
    background-size: cover;   
}

#confidential {
    background-image: url('../images/Confidential\ Client\ -\ Grid\ Scale\ Solar\ and\ Battery\ Storage\ Facility\ –\ Ancillary\ Services\ Advisor.JPG');
    background-repeat: no-repeat;
    background-size: cover;   
}

#various {
    background-image: url('../images/Various\ Solar\ Projects\ -\ 10\ to\ 25\ MW\ -\ Grid\ Connected.jpg');
    background-repeat: no-repeat;
    background-size: cover;   
}

#transalta {
    background-image: url('../images/TransAlta\ Utilities\ –\ Compliance\ Services\ –\ Combined\ Cycle\ Facility.png');
    background-repeat: no-repeat;
    background-size: cover;   
}

#suncor {
    background-image: url('../images/Suncor\ Energy\ Inc.\,\ Firebag\ Wellpads\ and\ Gathering\ Lines\,\ Ft\ McMurray\,\ AB.png');
    background-repeat: no-repeat;
    background-size: cover;   
}

#fortisbc {
    background-image: url('../images/FortisBC\,\ Brillant\ Terminal\ Station\,\ Castlegar\,\ BC.jpeg');
    background-repeat: no-repeat;
    background-size: cover;   
}

#transcanada {
    background-image: url('../images/TransCanada\ Energy\,\ MacKay\ River\ Cogen\,\ Ft.\ McMurray\ AB.jpeg');
    background-repeat: no-repeat;
    background-size: cover;   
}

#exxon {
    background-image: url('../images/ExxonMobil\,\ LaBarge\ Co-Gen\ Plant\,\ Shute\ Creek\,\ Wyoming.jpg');
    background-repeat: no-repeat;
    background-size: cover;   
}

#syncrude {
    background-image: url('../images/Syncrude\ Canada\,\ UE-1\ Project\,\ Ft\ McMurray\ AB.jpg');
    background-repeat: no-repeat;
    background-size: cover;   
}

#chihuahua {
    background-image: url('../images/Chihuahua\ III\ Combined\ Cycle\ Plant\,\ TransAlta\ Utilities\,\ Samlayuca\,\ Mexico.png');
    background-repeat: no-repeat;
    background-size: cover;   
}

#skookumchuk {
    background-image: url('../images/Skookumchuk\ Pulp\ Mill\,\ 54\ MVA\ Generator\ Addition\,\ Cranbrook\ BC.JPG');
    background-repeat: no-repeat;
    background-size: cover;   
}

#iwopin {
    background-image: url('../images/Iwopin.png');
    background-repeat: no-repeat;
    background-size: cover;   
}

#musi {
    background-image: url('../images/Musi\ Pulp\ Mill\,\ South\ Sumatra\,\ Indonesia.png');
    background-repeat: no-repeat;
    background-size: cover;   
}