/* *********************** */
/* min-width: 37.500em     */
/* Extra small devices (phones, 600px and down)  */

@media only screen and (max-width: 37.500em) {

    nav a {
    }

    nav,
    nav ul {
        width: 100%;
        margin: 0.5em auto 1em;
        text-align: center;
        display: grid;
    }

        nav ul li {
            width: 100%;
            margin: 0.25em;
        }


    .hero {
        max-width: 100%;
        width: 100%;
    }

    .desktop-break {
        display: none;
    }

    .phone-break {
        display: inline;
    }

    .twospan {
        grid-column: span 2;
    }

    .threespan {
        grid-column: span 1;
    }

    .fourspan {
        grid-column: span 1;
    }

    .logo {
        text-align: center;
    }

    .bookContent textarea {
        width: 100%;
    }

    .tiles .imageAreaLong {
        display: none;
    }

    .logo-img {
        margin: 0;
        padding: 0;
        margin-bottom: 5em;
    }

    .pointsSection {
        grid-template-columns: 1;
    }

    .about-us-intro {
        height: 100%;
        padding: 8em;
    }

    .about-us-body {
        background-image: none;
        margin-top: -8em;
        background: #9a5e3f;
        background-color: rgba(255,255,255,0.5);
    }

        .about-us-body h1 {
            text-align: center;
        }

    .mainDate {
        text-align: center;
    }

    .teamSection {
        grid-template-columns: 100%;
    }

    .wrapper {
        margin: 0 auto;
        padding:0;
        
    }
    figure {
        margin-bottom: 1.8em;
        margin: 0.5em 0;
        display: grid;
        justify-items: center;
        justify-content: unset;
        grid-template-columns: 100%;
        grid-gap: 0.5em;
    }

    .logo-img {
        margin: 1.5em auto;
    }

    .startupPictures {
        display: grid;
        grid-template-columns: 100%;
        margin: 0 auto;
        grid-gap: 1em;
        justify-content: center;
        max-width: 100%;
    }

        .startupPictures img {
            max-width: 100%;
        }

    .tileEntries {
        grid-template-columns: 100%;
    }

    .about-us {
        background-color: var(--clr-accent);
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto minmax(8em,15em);
        color: white;
        padding: 0.5em;
        margin: 2em auto;
        width: 100%;
    }
    .about-us-center {
        grid-row: 1;
        grid-column: 1;
    }
    .about-us-center2{
        grid-row: 5;
        grid-template-columns: 100%;
        grid-gap: 1em;
    }

    .about-us-center0 {
        grid-row: 3;
        grid-template-columns: 100%;
        grid-gap: 1em;
    }

    .about-us-enhanced {
        margin-bottom: 5em;
    }

    .bookNowLink {
        margin-top: -0.25em;
    }

    .bookNowLinkBig {
        text-align: center;
        padding: 0.75em 1.75em 0.5em;
    }

    .spotlightSection {
        max-width: 100%;
        grid-template-columns: 100%;
    }
    .subText {
        margin-left: 2em;
    }

    .formWrapper {
        width: 90%;
        padding: 1em;
        display: block;
        margin: 2em auto;
    }

    .toBring {
        width: 100%;
        grid-template-columns: 100%;
    }


    /*** FORM ****/
    .contactArticle h2 {
        grid-column: 1 / span 3;
        grid-row: 1;
        justify-self: center;
        line-height: 1.2em;
    }

    .formContact {
        grid-column: 2;
    }

    .contact form textarea {
        width: 85%;
    }

    .company-info li {
        font-size: 1.05em;
    }

    .alert {
        padding: 1em 0.5em;
        border-radius: 4px;
    }

    /*** SUB SITES ****/
    .bookContainer {
        max-width: 95%;
        padding: 0.75em;
    }

    .bookContent {
        width: 95%;
    }

    .bookContent input {
        width: 95%;
    }

    .bookContent {
        display: grid;
        grid-template-columns: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .full {
        grid-column: 1;
    }

    .twospan {
        grid-column: span 1 !important;
    }

    .fullContent {
        grid-column: 1;
    }

    footer .container {
        grid-template-columns: 100%;
        padding: 0;
    }

    .footer-nav, .footer-social {
        margin-bottom:1em;
    }

    iframe{
        width:100%;

    }
    .overlayContent {
        position: absolute;
        padding: 0;
        background-color: #fff;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        font-size: unset; 
        max-width: 100%;
        color: black;
        transform: none;
        -ms-transform: none;
        border-radius: 5px;
    }

    .mediumLength {
        width: 100%;
        margin: 2em 0 4em 0;
    }

    .medium {
        width: 100%;
        margin-bottom: 4em;
    }

    input.small {
        width: 85px;
    }

    .content {
        display: grid;
        grid-template-columns: 100%;
        padding: 0.5em;
    }

    .container {
        padding-left: 2em;
    }

    .content header {
        padding: 1.5em 1.5em 0 0;
    }

    .content-title {
        font-size: 2em;
        line-height: 1.25em;
    }

    footer li {
        min-width: 5em;
    }

        footer li:last-child {
            min-width: 2em;
        }

    .imgGallerySection, .imgGallerySectionHalfed {
        margin: 0 auto 4em;
        padding: 1em;
        max-width: 100%;
        width: 100%;
        text-align: left;
        grid-gap: 2em;
        justify-content: center;
        justify-items: center;
        display: grid;
        grid-template-columns: 100%;
    }


    .votingSection {
        max-width: 100%;
    }

    .votingArea .header {
        display: none;
    }

    .votingArea .dataRow {
        display: grid;
        grid-template-columns: 100%;
        justify-content: center;
        justify-items: center;
        padding: 1em;
        border: solid 1px #9a5e3f;
        background: rgb(255,244,225);
        background: linear-gradient(148deg, rgba(255,244,225,1) 0%, rgba(255,230,194,1) 93%);
        border-radius: 6px;
        margin: 1em;
        text-align: center;
    }

    div.typeSelectBox {
        background-color: #fff;
        font-size: 1rem;
        clear: both;
        cursor: pointer;
        max-width: 300px;
        padding: 0.5em 0.6em;
        display: inline;
        border-top: solid 1px #aaa;
        border-bottom: solid 1px #aaa;
        border-left: solid 1px #aaa;
        -webkit-box-shadow: 0px 0px 3px 3px rgba(230,230,230,0.26);
        -moz-box-shadow: 0px 0px 3px 3px rgba(230,230,230,0.26);
        box-shadow: 0px 0px 3px 3px rgba(230,230,230,0.26);
        background-size: 15px;
        background-position: left center;
        background-repeat: no-repeat;
        text-align: center;
    }
    div.votingTileArea {
        padding: 0 0 !important;
    }

        div.votingTileArea .tile {
            padding: 0 1em !important;
            margin-bottom: 2em;
        }

    .oddSection img {
        order: 1;
    }

    .oddSection header {
        order: 2;
    }

    section.introExtra {
        padding: 0em 1em 1em;
        margin: 0;
        padding-top: 1.25em;
        background-color: aliceblue;
    }

        section.introExtra .section-title {
            margin: 0;
        }

    .bookSectionSmall {
        width: unset;
    }

    header {
        padding: 0;
    }

    .bookContentRegister .twospan {
        grid-column: span 1;
    }

    .djArea {
        display: grid;
        grid-template-columns: 100%;
        justify-items: center;
    }

        .djArea img {
            max-width: 200px;
        }
    .text-primary {
        font-size: 1.2em;
    }
    .text-primary-small {
        font-size: 1.4em;
    }

    main{
        margin-top:1.5em;
    }

    h2.mainDate {
        padding: 0.5em;
        line-height: 1.2;
    }

    #Startup .about-us {
        grid-template-columns: 100%;
        background: rgb(253,204,126);
        background: linear-gradient(148deg, rgba(253,204,126,1) 0%, rgba(154,94,63,1) 93%);
        background-image: url(../Images/TeamMainCloseupMobile.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 0 95px;
    }

    #Startup .about-us-center {
        grid-column: 1;
        grid-row: 1;
        grid-template-columns: 100%;
    }

    #Startup .about-us-left {
        grid-column: 1;
        grid-row: 2;
        background-size: cover;
    }

    #Startup .about-us-center-bottom {
        grid-column: 1;
        grid-row: 3;
    }
    #Startup h2.mainDate {
        margin-top: 1em;
    }
    #Startup .bookNowLinkBig {
        margin-bottom: 1em;
    }

    #Startup .about-us-center2 {
        grid-template-columns: 100%;
    }
    #Startup .section-title {
        font-size: 1.7em;
    }


    .countdown {
        display: flex;
        transform: scale(1.2);
    }
    #Startup .about-us-center img, #Startup .about-us-center2 img {
        height: auto;
        width: 100%;
    }

    .countdownSmall {
        display: flex;
        transform: scale(1.2);
    }

    .bookContentRegister {
        grid-template-columns: 100%;
    }

    .bookContentRegister input {
        width: 95%;
    }
}