@media only screen and (max-width: 768px) {
    body {
        overflow: hidden;
    }
    .yellow-header {
        margin-top: -25px;
        padding-bottom: 25px;
    }
    h1 {
        font-size: 19pt;
        white-space: nowrap;
        line-height: 2;
    }
    .home-title {
        margin-top: 30%;
        margin-left: 20%;
        margin-right: 20%;
    }
    .winner {
        height: 170px;
    }
    .yellow-logo {
        background: url("../images/logo_mobile-white.svg") no-repeat top right;
        background-size: auto 45px;
    }
    .logo-light {
        background: url("../images/logo_mobile-white.svg") no-repeat top right;
        background-size: auto 45px;
    }
    .logo-dark {
        background: url("../images/logo_mobile.svg") no-repeat top right;
        background-size: auto 45px;
    }
    .yellow-menu h1 {
        font-size: 20px;
    }
    .menu-items {
        margin-left: 11%;
        margin-top: 100px;
        width: 100%;
        height: 100%;
    }
    .menu-titles {
        padding-bottom: 6%;
        margin-left: 10%;
    }
    .line {
        margin-right: 5%;
        margin-bottom: 1.5%;
    }
    .line img {
        vertical-align: baseline;
    }
    .swiper-pagination-bullet {
        margin: 15px !important;
        width: 8px !important;
        height: 8px !important;
    }
    .swiper-pagination {
        right: 0 !important;
    }
    .text-container,
    .text-container-large {
        position: absolute;
        overflow: hidden;
        /*height: 100%;*/
        width: 70%;
        margin-left: 10%;
        margin-right: 20%;
        margin-bottom: 5%;
    }
    #implement-content,
    #build-content {
        margin-top: 7%;
    }
    #implement-content h3,
    #implement-content h4,
    #implement-content p,
    #build-content h3,
    #build-content h4,
    #build-content p {
        margin-top: 1%;
        font-size: 85%;
    }
    #implement-content a {
        text-decoration: none;
        color: #686868
    }
    .dark-title {
        margin-top: 20%;
    }
    .light-title {
        margin-top: 20%;
    }
    #industries-content {
        margin-top: 0;
    }
    #industries-content h5 {
        font-size: 85%;
        margin: 0;
    }
    #industries-content p {
        margin-top: 0;
        margin-bottom: 20px;
        padding-top: 0;
        font-size: 85%;
        margin-left: 0;
    }
    #industries-content .dark-title-left {
        margin-bottom: 0;
    }
    .dark-title-left {
        margin-top: 20%;
    }
    .table-web {
        visibility: hidden;
        display: none;
    }
    .table-mobile {
        visibility: visible;
        margin-top: 0;
    }
    .column .table-mobile {
        margin-top: 0;
        font-size: 72%;
        text-align: left;
        margin-right: 10%;
    }
    .industries-icon {
        width: 20px;
        height: 20px;
        background: transparent url(../images/industries-icons-mobile.png) no-repeat;
    }
    .industries-icon.iinsure {
        background-position: -20px top;
    }
    .industries-icon.ilend {
        background-position: -40px top;
    }
    .industries-icon.iprof {
        background-position: -60px top;
    }
    .industries-icon.imanufacture {
        background-position: -80px top;
    }
    .industries-icon.iretail {
        background-position: -100px top;
    }
    .industries-icon.ilogistic {
        background-position: -120px top;
    }
    .industries-icon.idistribute {
        background-position: -140px top;
    }
    .industries-icon.irent {
        background-position: -160px top;
    }
    .industries-icon.imedical {
        background-position: -180px top;
    }
    .industries-icon.ichemical {
        background-position: -200px top;
    }
    .industries-icon.iequip {
        background-position: -220px top;
    }
    .team-banner {
        height: 26%;
    }
    .team-banner h1 {
        margin-bottom: 0;
    }
    .team-content h3 {
        margin-bottom: 0;
    }
    .team-content p {
        margin-top: 8px;
    }
    .join-content {
        margin-left: 10%;
        margin-right: 10%;
        padding-top: 60%;
    }
    .join-content p {
        margin-right: 20%;
        font-size: 85%;
    }
    .team .light-title {
        margin-top: 25%;
    }
    #workspace-content p {
        padding-bottom: 20px;
        padding-top: 5%;
        font-size: 85%;
        margin-left: 0;
    }
    #workspace-content h5 {
        font-size: 75%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    #workspace-content th {
        padding-top: 0;
        padding-right: 5px;
        width: 0;
        text-align: left;
    }
    .workspace-icon {
        width: 35px;
        height: 35px;
        background: transparent url(../images/workspace-icons-mobile.png) no-repeat;
    }
    .workspace-icon.ileave {
        background-position: -35px top;
    }
    .workspace-icon.icoffee {
        background-position: -70px top;
    }
    .workspace-icon.iadventure {
        background-position: -105px top;
    }
    .workspace-icon.icater {
        background-position: -140px top;
    }
    .workspace-icon.itech {
        background-position: -175px top;
    }
    .workspace-icon.itravel {
        background-position: -210px top;
    }
    .contact {
        background: url(../images/contact-bg.jpg) center center no-repeat;
        background-size: cover;
        overflow: hidden;
        text-align: right;
    }
    .contact-content {
        margin-right: 20%;
        padding-top: 60%;
        font-size: 85%;
    }
    .map {
        width: 100%;
        height: 50%;
        bottom: 0;
    }
    .contact-details-content {
        font-size: 78%;
        margin-left: 10%;
        margin-right: 20%;
        margin-top: 25%;
    }
    .contact-title {
        font-size: 20pt;
    }
    .contact-details-content h2,
    .contact-details-content h5,
    .contact-details-content p {
        padding-left: 0;
        padding-top: 0;
    }
    .barn {
        padding-left: 0;
        margin-bottom: 0;
    }
    .partner-desktop {
        display: none;
    }
    .partner-mobile {
        display: block;
    }
    .partner #heading {
        font-size: 20pt;
    }
    .power-platform #heading {
        font-size: 20pt;
    }
    #partner-content {
        padding: 0;
        padding-top: 15px;
    }
    #partner-content p {
        padding: 0;
        padding-bottom: 10px;
    }
    .panel .partner-row {
        padding-bottom: 15px;
    }
    .ms-logo,
    .ax-logo,
    .annata-logo {
        transform: scale(0.9);
    }
}

@media only screen and (max-width: 400px) {
    #implement-content h3,
    #implement-content h4,
    #implement-content p,
    #build-content h3,
    #build-content h4,
    #build-content p {
        font-size: 75%;
    }
    .column {
        margin-top: 0;
    }
    .column .table-mobile {
        margin-top: 0;
        font-size: 62%;
    }
    .contact-details-content {
        font-size: 70%;
    }
    #industries-content p,
    #workspace-content p {
        margin-bottom: 0;
        font-size: 75%;
        margin-left: 0;
    }
    #industries-content h5 {
        font-size: 72%;
    }
}

@media only screen and (max-width: 325px) {
    /* Mostly screens the size of Iphone SE/5 */
    #partner-content p {
        font-size: 75%;
    }
    .partner #heading {
        font-size: 18pt;
    }
    .power-platform #heading {
        font-size: 18pt;
    }
}