/*
Project Engineer: YungYuan, Richard, Chang
(c) YungYuan, Richard, Chang
For the full copyright and license information, please view the License 
file distributed with this source code.
*/
/* 
    Created on : Mar 20, 2020
    Author     : YYRC
*/
@media only screen and (min-width: 992px) {

    #main-frame {
        margin-top: 10vh;
    }

    #block1 {
        width: 90vw;
        height: auto;
        margin-top: 2.2em;
    }

    #proj-slideshow {
        min-width: 90vw;
        width: 90vw;
        max-width: 90vw;
        height:auto;
    }

    div.jumbo {
        min-width: 90vw;
        width: 90vw;
        max-width: 90vw;
        min-height: 70vh;
        height: 70vh;
        max-height: 70vh;
        position: relative;
    }

    div.jumbo > img {
        object-fit: cover;
        min-width: 90vw;
        width: 90vw;
        max-width: 90vw;
        min-height: 70vh;
        height: 70vh;
        max-height: 70vh;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
    }

    div.front-slideshow-caption {
        position: absolute;
        z-index: 1;
        min-width: 90vw;
        width: 90vw;
        max-width: 90vw;
        min-height: 70vh;
        height: 70vh;
        max-height: 70vh;
        background-color: transparent;
    }

    div.front-slideshow-caption > div {
        display: inline-block;
        background-color: inherit;
        padding: 1em 3em;
        margin-top: 20em;
        text-align: center;
    }

    div.front-slideshow-caption > div > h1 {
        color: white;
        letter-spacing: 0.1em;
        font-size: 2.6em;
    }

    div.front-slideshow-caption > div > h4 {
        color: mintcream;
        font-style: italic;
        padding: 0.2em 0;
    }

    div.front-slideshow-caption > div > a {
        color: white !important;
    }

    div.slide-indicators-div {
        min-width: 90vw;
        width: 90vw;
        max-width: 90vw;
        min-height: 9vh;
        height: 9vh;
        max-height: 9vh;
    }

    #next {
        font-size: 1.4em;
        font-weight: 700;
        color: #4d4d4d;
        margin-top: -1em;
        margin-left: 3em;
    }

    #prev {
        font-size: 1.4em;
        font-weight: 700;
        color: #4d4d4d;
        margin-top: -1em;
        margin-right: 3em;
    }

    #next:hover {
        color: #ffcc99 !important;
        -webkit-transition: color 0.5s linear;
        transition: color 0.5s linear;
        cursor: pointer;
    }

    #prev:hover {
        color: #ffcc99 !important;
        -webkit-transition: color 0.5s linear;
        transition: color 0.5s linear;
        cursor: pointer;
    }

    #slideshow-indicator {
        min-width: 80vw;
        width: 80vw;
        max-width: 80vw;
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
        font-size: 1.2em;
    }

    #slideshow-indicator::-webkit-scrollbar {
        width: 0;
    }

    #slideshow-indicator *::-webkit-scrollbar {
        width: 0;
    }

    #slideshow-indicator > ul {
        list-style-type: none;
        padding: 0;
    }

    #slideshow-indicator > ul > li {
        display: inline;
        padding: 3em;
    }

    #slideshow-indicator > ul > li > a {
        padding-bottom: 0.6em;
    }

    #slideshow-indicator > ul > li > a:hover {
        color: goldenrod !important;
    }

    #slideshow-indicator > ul > li.slick-active > a {
        color: black !important;
        text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE, 3px 2px 1px #CCCCCC, 2px 3px 1px #EEEEEE, 4px 3px 1px #CCCCCC, 3px 4px 1px #EEEEEE, 5px 4px 1px #CCCCCC, 4px 5px 1px #EEEEEE, 6px 5px 1px #CCCCCC, 5px 6px 1px #EEEEEE, 7px 6px 1px #CCCCCC;
        border-bottom: solid 2px goldenrod;
    }

    #slideshow-indicator > ul > li.slick-active > a:hover {
        color: goldenrod !important;
        text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE, 3px 2px 1px #CCCCCC, 2px 3px 1px #EEEEEE, 4px 3px 1px #CCCCCC, 3px 4px 1px #EEEEEE, 5px 4px 1px #CCCCCC, 4px 5px 1px #EEEEEE, 6px 5px 1px #CCCCCC, 5px 6px 1px #EEEEEE, 7px 6px 1px #CCCCCC;
    }
    /*////////////////////////////////////////////////////////////////
    //////////////////////////////////////////////////////////////////
    ////////////////////////////////////////////////////////////////*/
    #block2 {
        width: 90vw;
        height: 80vh;
        background-color: #FFFFFF;
    }

    #block2-title {
        min-width: 90vw;
        width: 90vw;
        max-width: 90vw;
        margin-top: 4em;
    }

    #block2-title > h1 {
        padding: 0.1em 0;
        /*border-top: 2px solid;
        border-bottom: 2px solid;*/
    }

    #block2 > div:nth-child(2) {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-content: center;
        align-items: center;
        width: 90vw;
        min-height: 50vh;
        height: 50vh;
    }

    #block2 *::-webkit-scrollbar {
        width: 0;
    }

    #block2 > div:nth-child(2) > div:first-child {
        width: 40%;
        min-height: 50%;
        background-color: #D7CFBF;
        overflow-x: hidden;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    #block2 > div:nth-child(2) > div:first-child > p {
        color: #16140F;
        font-size: 1.1vw;
        font-weight: 700;
        text-align: justify;
        text-indent: 2em;
        line-height: 1.6em;
        letter-spacing: 0.2em;
        padding: 0 1em;
    }

    #block2 > div:nth-child(2) > div:nth-child(2) {
        width: 40%;
        min-height: 50%;
        background-color: #FFFFFF;
        overflow-x: hidden;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    #block2 > div:nth-child(2) > div:nth-child(2) > p {
        color: #4d4d4d;
        font-size: 1.1vw;
        text-align: justify;
        text-indent: 2em;
        padding: 0 1em;
    }
    /*////////////////////////////////////////////////////////////////
    //////////////////////////////////////////////////////////////////
    ////////////////////////////////////////////////////////////////*/
    #block3 {
        min-width: 90vw;
        width: 90vw;
        max-width: 90vw;
        min-height: 80vh;
        height: 80vh;
        max-height: 80vh;
        background-color: #FFFFFF;
        position: relative;
    }

    #block3 > div:first-child {
        flex-wrap: wrap;
        min-width: 90vw;
        width: 90vw;
        max-width: 90vw;
        min-height: 80vh;
        height: 80vh;
        max-height: 80vh;
        overflow-y: auto;
        -ms-overflow-style: thin;
        scrollbar-width: thin;
        background-color: #FFFFFF;
        position: absolute;
        z-index: 0;
    }

    #block3::-webkit-scrollbar {
        width: 3px;
        background: #000;
    }

    #block3::-webkit-scrollbar-thumb {
        background: #393812;
        -webkit-border-radius: 1ex;
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
    }

    #block3::-webkit-scrollbar-corner {
        background: #000;
    }

    #block3 > div:first-child > div:nth-child(4),
    #block3 > div:first-child > div:nth-child(5),
    #block3 > div:first-child > div:nth-child(6),
    #block3 > div:first-child > div:nth-child(7),
    #block3 > div:first-child > div:nth-child(8),
    #block3 > div:first-child > div:nth-child(9) {
        display: none;
    }

    #block3 > div:first-child > div:nth-child(1),
    #block3 > div:first-child > div:nth-child(4),
    #block3 > div:first-child > div:nth-child(7) {
        margin-right: 4vw;
    }

    #block3 > div:first-child > div:nth-child(3),
    #block3 > div:first-child > div:nth-child(6),
    #block3 > div:first-child > div:nth-child(9) {
        margin-left: 1vw;
    }

    div.proj-pview-sec {
        min-width: 28vw;
        width: 28vw;
        max-width: 28vw;
        min-height: 75vh;
        height: 75vh;
        max-height: 75vh;
        margin-top: 5vh;
    }

    div.proj-pview-sec > a > img {
        min-width: 20vw;
        width: 20vw;
        max-width: 20vw;
        min-height: 20vw;
        height: 20vw;
        max-height: 20vw;
        object-fit: cover;
        /*-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
        */
    }

    div.proj-pview-sec > a > h3 {
        font-size: 1.6em;
        font-weight: 700;
        color: #4d4d4d;
        padding: 0.1em 0;
        white-space: nowrap;
        /*background-color: pink;*/
    }

    div.proj-pview-sec > a > h3:hover {
        color: #ffcc99 !important;
        -webkit-transition: color 0.5s linear;
        border-bottom: #4d4d4d solid 2px;
        transition: color 0.5s linear;
    }

    div.proj-pview-sec > a > h3:active {
        border-bottom: #4d4d4d solid 2px;
        color: #4d4d4d;
    }

    div.proj-pview-sec > a > h3:focus {
        border-bottom: #4d4d4d solid 2px;
        color: #4d4d4d;
    }

    div.proj-pview-sec > a > h3:visited {
        border-bottom: #4d4d4d solid 2px;
        color: #4d4d4d;
    }

    div.proj-pview-sec > p {
        min-width: 20vw;
        width: 20vw;
        max-width: 20vw;
        min-height: calc(7vh + 0.5em);
        height: calc(7vh + 0.5em);
        max-height: calc(7vh + 0.5em);
        font-size: 1.4em;
        color: #4d4d4d;
        text-align: center;
        padding: 0em 1em;
        background-color: #FFFFFF;
        /*-webkit-box-shadow: inset 1px 1px 5px 0.2px rgba(18,18,18,1);
        -moz-box-shadow: inset 1px 1px 5px 0.2px rgba(18,18,18,1);
        box-shadow: inset 1px 1px 5px 0.2px rgba(18,18,18,1);
        text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
        */
        overflow: hidden;
    }

    div.proj-pview-sec > p:hover {
        text-shadow: 0 0 2px #ffcc99, 0 0 5px #ffcc99, 0 0 10px #ffcc99;
        color: #595859;
    }

    #next-proj-row {
        min-width: 100%;
        width: 100%;
        max-width: 100%;
        min-height: 5vh;
        height: 5vh;
        max-height: 5vh;
        position: absolute;
        bottom: 1em;
        right: 1.6em;
        z-index: 1;
    }

    #next-proj-row > a {
        font-size: 2em;
        font-weight: 700;
        border: solid 2px #4d4d4d;
        padding: 0.1em 0.4em;
        border-radius: 5px 20px 5px;
    }

    #next-proj-row > a:hover {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        transform-origin: center;
        animation: glowBox 1.0s alternate ease-in-out infinite;
        -webkit-transition: transform 0.5s linear;
        transition: transform 0.5s linear;
        color: goldenrod !important;
        border: solid 2px #ffcc99;
    }
    /*////////////////////////////////////////////////////////////////
    //////////////////////////////////////////////////////////////////
    ////////////////////////////////////////////////////////////////*/
    #block4 {
        width: 90vw;
        height: 80vh;
        max-height: 80vh;
        background-color: #FFFFFF;
        position: relative;
    }

    #block4-title {
        min-width: 90vw;
        width: 90vw;
        max-width: 90vw;
    }

    #block4-title > h1 {
        padding: 0.1em 0;
        /*
        border-top: 2px solid;
        border-bottom: 2px solid;
        */
    }

    #billboard {
        min-width: 86vw;
        width: 86vw;
        max-width: 86vw;
        min-height: 60vh;
        height: 60vh;
        max-height: 60vh;
        background-color: #FFFFFF;
    }

    #billboard *::-webkit-scrollbar {
        width: 0;
    }

    #billboard > div {
        min-width: 100%;
        width: 100%;
        max-width: 100%;
        min-height: 100%;
        height: 100%;
        max-height: 100%;
        background-color: #FFFFFF;
    }

    #block4-control {
        min-width: 4vw;
        width: 4vw;
        max-width: 4vw;
        min-height: 54vh;
        height: 54vh;
        max-height: 54vh;
        position: absolute;
        right: 0;
        top : 10vh;
        width: auto;
        font-size: 1.2em;
        background-color: #FFFFFF;
        overflow-x: hidden;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    #block4-control::-webkit-scrollbar {
        width: 0;
    }

    #block4-control *::-webkit-scrollbar {
        width: 0;
    }

    #block4-control > a:first-child {
        font-size: 1.2em;
        font-weight: 400;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        transform-origin: center;
        /*animation: glowTxt 1.0s alternate ease-in-out infinite;*/
    }

    #block4-control > a:nth-child(3) {
        font-size: 1.2em;
        font-weight: 400;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        transform-origin: center;
        /*animation: glowTxt 1.0s alternate ease-in-out infinite;*/
    }

    #board-indicator {
        min-height: 44vh;
        height: 44vh;
        max-height: 44vh;
        font-size: 1.2em;
        overflow-x: hidden;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    #board-indicator > ul {
        list-style-type: none;
        padding: 0;
    }

    #board-indicator > ul > li {
        padding: 0.4em;
    }

    #board-indicator > ul > li > a {
        padding-bottom: 0.6em;
        font-size: 2em;
    }

    #board-indicator > ul > li > a:hover {
        color: goldenrod !important;
    }

    #board-indicator > ul > li.slick-active > a {
        color: goldenrod !important;
        text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE, 3px 2px 1px #CCCCCC, 2px 3px 1px #EEEEEE, 4px 3px 1px #CCCCCC, 3px 4px 1px #EEEEEE, 5px 4px 1px #CCCCCC, 4px 5px 1px #EEEEEE, 6px 5px 1px #CCCCCC, 5px 6px 1px #EEEEEE, 7px 6px 1px #CCCCCC;
    }

    #board-indicator > ul > li.slick-active > a:hover {
        color: goldenrod !important;
        text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE, 3px 2px 1px #CCCCCC, 2px 3px 1px #EEEEEE, 4px 3px 1px #CCCCCC, 3px 4px 1px #EEEEEE, 5px 4px 1px #CCCCCC, 4px 5px 1px #EEEEEE, 6px 5px 1px #CCCCCC, 5px 6px 1px #EEEEEE, 7px 6px 1px #CCCCCC;
    }

    .post-type-1 , 
    .post-type-2 {
        min-width: 86vw;
        width: 86vw;
        max-width: 86vw;
        min-height: 60vh;
        height: 60vh;
        max-height: 60vh;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-content: center;
        align-items: center;
    }

    .post-type-1 > div, 
    .post-type-2 > div {
        min-width: 40vw;
        width: 40vw;
        max-width: 40vw;
        min-height: 60vh;
        height: 60vh;
        max-height: 60vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

    .post-type-1 > img {
        object-fit: contain;
        min-width: 40vw;
        width: 40vw;
        max-width: 40vw;
        min-height: 54vh;
        height: 54vh;
        max-height: 54vh;
    }

    .post-type-1 > div > h1 {
        font-size: 2.4em;
        font-weight: bolder;
        margin-top: 1.4em;
    }

    .post-type-1 > div > p {
        min-width: 90%;
        width: 90%;
        max-width: 90%;
        min-height: 40vh;
        height: 40vh;
        max-height: 40vh;
        line-height: 1.5em;
        font-size: 1.1vw;
        margin-top: 1.6em;
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        position: relative;
    }

    .post-type-2 > div > h1 {
        font-size: 2.4em;
        font-weight: bolder;
        margin-top: 1.4em;
    }

    .post-type-2 > div > p {
        min-width: 90%;
        width: 90%;
        max-width: 90%;
        min-height: 40vh;
        height: 40vh;
        max-height: 40vh;
        line-height: 1.5em;
        font-size: 1.1vw;
        margin-top: 1.6em;
        background-color: #FFFFFF;
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        position: relative;
    }

    .post-type-2 > img {
        object-fit: contain;
        min-width: 40vw;
        width: 40vw;
        max-width: 40vw;
        min-height: 54vh;
        height: 54vh;
        max-height: 54vh;
    }

    .post-type-3 {
        min-width: 86vw;
        width: 86vw;
        max-width: 86vw;
        min-height: 60vh;
        height: 60vh;
        max-height: 60vh;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

    .post-type-3 > div {
        min-width: 83vw;
        width: 83vw;
        max-width: 83vw;
        min-height: 36vh;
        height: 36vh;
        max-height: 36vh;
        position: relative;
    }

    .post-type-3 > div > img {
        min-width: 83vw;
        width: 83vw;
        max-width: 83vw;
        min-height: 36vh;
        height: 36vh;
        max-height: 36vh;
        object-fit: cover;
        position: absolute;
        top:0;
        left: 0;
        z-index: 0;
    }

    .post-type-3 > div > div:nth-child(2){
        min-width: 83vw;
        width: 83vw;
        max-width: 83vw;
        min-height: 36vh;
        height: 36vh;
        max-height: 36vh;
        background-color: black;
        opacity: 0.46;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .post-type-3 > div > div:nth-child(3) {
        min-width: 83vw;
        width: 83vw;
        max-width: 83vw;
        min-height: 36vh;
        height: 36vh;
        max-height: 36vh;
        background-color: transparent;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .post-type-3 > div > div > h1 {
        font-size: 2.8em;
        font-weight: bolder;
        color: white;
    }

    .post-type-3 > p {
        min-width: 83vw;
        width: 83vw;
        max-width: 83vw;
        min-height: 18vh;
        height: 18vh;
        max-height: 18vh;
        line-height: 1.7em;
        font-size: 1.1vw;
        padding-top: 2vh;
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        position: relative;
    }

    .post-type-4 {
        min-width: 86vw;
        width: 86vw;
        max-width: 86vw;
        min-height: 60vh;
        height: 60vh;
        max-height: 60vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
        position: relative;
    }

    .post-type-4 > div {
        min-width: 83vw;
        width: 83vw;
        max-width: 83vw;
        min-height: 55vh;
        height: 55vh;
        max-height: 55vh;
        position: relative;
    }

    .post-type-4 > div > img {
        min-width: 83vw;
        width: 83vw;
        max-width: 83vw;
        min-height: 55vh;
        height: 55vh;
        max-height: 55vh;
        object-fit: cover;
        position: absolute;
        top:0;
        left: 0;
        z-index: 0;
    }

    .post-type-4 > div > div:nth-child(2) {
        min-width: 83vw;
        width: 83vw;
        max-width: 83vw;
        min-height: 55vh;
        height: 55vh;
        max-height: 55vh;
        background-color: black;
        opacity: 0.26;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .post-type-4 > div > div:nth-child(3) {
        min-width: 83vw;
        width: 83vw;
        max-width: 83vw;
        min-height: 55vh;
        height: 55vh;
        max-height: 55vh;
        background-color: transparent;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .post-type-4 > div > div > h1 {
        font-size: 3.4em;
        font-weight: bolder;
        color: white;
    }

    a.poster-link {
        position: absolute;
        right: 5px;
        bottom: 5px;
        font-size: 1em;
        animation: glowTxt 1.0s alternate ease-in-out infinite;
    }

    /*////////////////////////////////////////////////////////////////
    //////////////////////////////////////////////////////////////////
    ////////////////////////////////////////////////////////////////*/
    #block5 {
        width: 90vw;
        height: 80vh;
        max-height: 80vh;
        background-color: #FFFFFF;
    }

    #block5 > div:first-child {
        min-height: 30%;
        height: 30%;
        max-height: 30%;
        min-width: 90%;
        width: 90%;
        max-width: 90%;
    }

    #block5-title {
        min-width: 90vw;
        width: 90vw;
        max-width: 90vw;
    }

    #block5-title > h1 {
        padding: 0.1em 0;
        /*
        border-top: 2px solid;
        border-bottom: 2px solid;
        */
    }

    #block5 > div:first-child > p {
        text-align: center;
        font-size: 1.4em;
    }

    #block5 > div:nth-child(2) {
        min-height: 70%;
        height: 70%;
        max-height: 70%;
        min-width: 90%;
        width: 90%;
        max-width: 90%;
    }

    #initLink::before {
        content: ' ';
        position: absolute;
        top: 10%;
        left: 0;
        width: 100%;
        height: 1em;
        background: #ffcc99;
        opacity: 0.2;
        animation: WiggleWidth 3s ease-in-out infinite;
    }

    #initLink {
        position: relative;
        color: #4d4d4d;
        font-size: 2.4em;
        font-weight: 700;
    }

    #form {
        min-height: 56vh;
        height: 56vh;
        max-height: 56vh;
        min-width: 81vw;
        width: 81vw;
        max-width: 81vw;
        background-color: #FFFFFF;
    }

    .table {
        display: none;
        min-height: 50vh;
        height: 50vh;
        max-height: 50vh;
        min-width: 60vw;
        width: 60vw;
        max-width: 60vw;
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
    }

    tr {
        min-width: 100%;
        width: 100%;
        max-width: 100%;
        vertical-align: central;
    }

    th {
        font-size: 1.2em;
        font-weight: 700;
        color: #4d4d4d;
        min-width: 20vw;
        width: 20vw;
        max-width: 20vw;
        text-align: right;
    }

    td {
        font-size: 1.2em;
        color: #4d4d4d;
        min-width: 20vw;
        width: 20vw;
        max-width: 20vw;
        text-align: center;
    }

    td.error {
        font-size: 1.2em;
        color: salmon;
        min-width: 20vw;
        width: 20vw;
        max-width: 20vw;
        text-align: left;
    }

    td.pre-and-next {
        font-size: 1.2em;
    }

    td.pre-and-next > div {
        min-width: 100%;
        width: 100%;
        max-width: 100%;
    }

    #form-msg-box {
        color: salmon;
        font-size: 1em;
    }

    td.pre-and-next > div > a:first-child {
        padding-left: 2em;
    }

    td.pre-and-next > div > a:nth-child(3) {
        padding-right: 2em;
    }

    td.pre-and-next > div > a > span {
        font-size: 0.6em;
    }

    #project-type-radios, #residential-type-radios, #contractor-radios, #partial-radios {
        min-width: 100%;
        width: 100%;
        max-width: 100%;
    }

    #commercial-type-row, #residential-type-row, #residentialpa-type-row {
        display: none;
    }

    #form-div > p {
        font-size: 1.4em;
        text-align: center;
    }
}