

.photos {
 display: grid;
 grid-template-columns: 33% 33% 33%;
 grid-template-columns: minmax(50px, max-content)
 grid-template-rows: repeat(3, 1fr);
 grid-template-rows: fit-content(20%);
 align-items: top;
 grid-gap: 2px;
 }
 
.photo01 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.photo02 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.photo03 {
 grid-column-start: 3;
 grid-column-end: 4;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.caption01 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 180px;
}

.caption02 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 180px;
}

.caption03 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 180px;
}

.grid {
 display: grid;
 grid-template-columns: 33% 33% 33%;
 grid-template-columns: minmax(50px, max-content)
 grid-template-rows: repeat(4, 1fr);
 grid-template-rows: fit-content(20%);
 align-items: left;
 grid-gap: 2px;
 border: 2px solid #fff;
 }
 
.label01 {
    color: rgba(0, 0, 0, 100); 
    font-size: 16px;
    font-family: sans-serif;
    font-weight: bold;
    text-align: left;
    line-height: 1.4;
    background-color: #dcb990;
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.label02 {
    color: rgba(0, 0, 0, 100); 
    font-size: 16px;
    font-family: sans-serif;
    font-weight: bold;
    text-align: left;
    line-height: 1.4;
    background-color: #dcb990;
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.label03 {
    color: rgba(0, 0, 0, 100); 
    font-size: 16px;
    font-family: sans-serif;
    font-weight: bold;
    text-align: left;
    line-height: 1.4;
    background-color: #dcb990;
 grid-column-start: 3;
 grid-column-end: 4;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.text01 {
    color: rgba(0, 0, 0, 100); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4;
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 2;
 grid-row-end: 3;
 padding: .5rem;
 }

.text02 {
    color: rgba(0, 0, 0, 100); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4;
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 2;
 grid-row-end: 3;
 padding: .5rem;
 }

.text03 {
    color: rgba(0, 0, 0, 100); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    padding: .5rem;
}

.text04 {
    color: rgba(0, 0, 0, 100); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4; 
    background-color: #f7dfc3;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
    padding: .5rem;
}

.text05 {
    color: rgba(0, 0, 0, 100); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4; 
    background-color: #f7dfc3;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
    padding: .5rem;
}

.text06 {
    color: rgba(0, 0, 0, 100); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4; 
    background-color: #f7dfc3;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
    padding: .5rem;
}

.text07 {
    color: rgba(0, 0, 0, 100); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4; 
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
    padding: .5rem;
}

.text08 {
    color: rgba(0, 0, 0, 100); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
    padding: .5rem;
}

.text09 {
    color: rgba(0, 0, 0, 100); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4; 
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 5;
    padding: .5rem;
}

.text10 {
    color: rgba(0, 0, 0, 100); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4; 
    background-color: #f7dfc3;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 5;
    grid-row-end: 6;
    padding: .5rem;
}

.text11 {
    color: rgba(0, 0, 0, 100); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4; 
    background-color: #f7dfc3;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 6;
    padding: .5rem;
}

.text12 {
    color: rgba(0, 0, 0, 100); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4; 
    background-color: #f7dfc3;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 5;
    grid-row-end: 6;
    padding: .5rem;
}

.photos02 {
 display: grid;
 grid-template-columns: 50% 50%;
 grid-template-columns: minmax(50px, max-content)
 grid-template-rows: repeat(4, 1fr);
 grid-template-rows: fit-content(100%);
 align-items: top;
 grid-gap: 2px;
 }
 
.photo001 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.photo002 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.caption001 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 200px;
}

.caption002 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 200px;
}

.photo003 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 3;
 grid-row-end: 4;
 padding: .5rem;
 }

.photo004 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 3;
 grid-row-end: 4;
 padding: .5rem;
 }

.caption003 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
    max-width: 200px;
}

.caption004 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: left;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
    max-width: 200px;
}

.shirts {
 display: grid;
 grid-template-columns: 25% 25% 25% 25%;
 grid-template-columns: minmax(50px, max-content)
 grid-template-rows: repeat(1, 1fr);
 grid-template-rows: fit-content(100%);
 align-items: top;
 grid-gap: 2px;
 }
 
.shirt01 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.shirt02 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.shirt03 {
 grid-column-start: 3;
 grid-column-end: 4;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.shirt04 {
 grid-column-start: 4;
 grid-column-end: 5;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.cap01 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
    max-width: 100px;
}

.cap02 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
    max-width: 100px;
}

.cap03 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 5;
    max-width: 100px;
}

.cap04 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 5;
    max-width: 100px;
}

.lighting {
 display: grid;
 grid-template-columns: 50% 50%;
 grid-template-columns: minmax(50px, max-content)
 grid-template-rows: repeat(4, 1fr);
 grid-template-rows: fit-content(100%);
 align-items: top;
 grid-gap: 2px;
 }
 
.lights01 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.lights02 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.caption10 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 200px;
}

.caption20 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 200px;
}

.lights03 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 3;
 grid-row-end: 4;
 padding: .5rem;
 }

.lights04 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 3;
 grid-row-end: 4;
 padding: .5rem;
 }

.caption30 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
    max-width: 200px;
}

.caption40 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
    max-width: 200px;
}

.setup {
 display: grid;
 grid-template-columns: 50% 50%;
 grid-template-columns: minmax(50px, max-content)
 grid-template-rows: repeat(2, 1fr);
 grid-template-rows: fit-content(100%);
 align-items: top;
 grid-gap: 2px;
 }
 
.setup01 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.setup02 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.captiona {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 200px;
}

.captionb {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 200px;
}

.frames {
 display: grid;
 grid-template-columns: 50% 50%;
 grid-template-columns: minmax(50px, max-content);
 grid-template-rows: repeat(2, 1fr);
 grid-template-rows: fit-content(50%);
 align-items: top;
 grid-gap: 2px;
 }
 
.frame01 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.frame02 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.captionone {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 250px;
}

.captiontwo {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 250px;
}

.frame03 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 3;
 grid-row-end: 4;
 padding: .5rem;
 }

.frame04 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 3;
 grid-row-end: 4;
 padding: .5rem;
 }

.captionthree {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
    max-width: 250px;
}

.captionfour {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
    max-width: 250px;
}

.lite {
 display: grid;
 grid-template-columns: 50% 50%;
 grid-template-columns: minmax(50px, max-content)
 grid-template-rows: repeat(4, 1fr);
 grid-template-rows: fit-content(100%);
 align-items: top;
 grid-gap: 2px;
 }
 
.lite01 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.lite02 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.cap100 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 200px;
}

.cap200 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 200px;
}

.angles {
 display: grid;
 grid-template-columns: 50% 50%;
 grid-template-columns: minmax(50px, max-content)
 grid-template-rows: repeat(4, 1fr);
 grid-template-rows: fit-content(100%);
 align-items: top;
 grid-gap: 2px;
 }
 
.angle01 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.angle02 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.capt001 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 200px;
}

.capt002 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 200px;
}

.mics {
 display: grid;
 grid-template-columns: 50% 50%;
 grid-template-columns: minmax(50px, max-content)
 grid-template-rows: repeat(2, 1fr);
 grid-template-rows: fit-content(100%);
 align-items: top;
 grid-gap: 2px;
 }
 
.mic01 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.mic02 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.words01 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 150px;
}

.words02 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 150px;
}

