@media screen and (min-width: 640px) and (max-width: 768px) {

.huge-text {
    font-size: 5.5em;
    height: 8.8rem;
}
.huge-subheading {
    font-size: 0.9em;
    height: 2rem;
}
#slider-container #up-diamond-container {
    display: none;
}
#slider-container #bullets-container {
    bottom: 93%;
}


/*
============================
COMMON
============================
*/
.desktop-version {
    display: none;
}
.mobile-version {
    display: inherit;
}
.huge-text-downSlider {
    font-size: 3rem;
}


/*
============================
FULL NAV
============================
*/
#navigation #full-nav .col {
    width: 27.333%;
    height: auto;
    margin-right: 3%;
    float: left;
}



/* ===========
ARTICLE
============*/
#aboutUs article {
    width: 96%;
    padding: 0 2%;
    margin: 40px 0 0 0;
}
#aboutUs article .heading {
    float: none;
    width: 100%;
    padding-right: 0%;
    height: auto;
    text-align: left;
}
#aboutUs article .info {
    float: none;
    width: 100%;
    overflow: hidden;
}
#aboutUs article .up {
    float: left;
    color: rgb(77, 77, 77);
    font-size: 2em;
    line-height: 1em;
    font-weight: bold;
}
#aboutUs article .down {
    float: left;
    margin-left: 8px;
    margin-bottom: 10px;
}
#aboutUs iframe {
    width: 100%;
    height: 350px;
}
/* ===========
END ARTICLE
============*/



/* ===========
SERVICES
============*/
#aboutUs .article-full .txt-right {
    display: block;
    width: 98%;
    padding-right: 0%;
    padding-left: 2%;
    overflow: hidden;

    text-align: left;
    vertical-align: inherit;
}
#aboutUs .article-full .img-right {
    display: block;
    width: 100%;
}
#aboutUs .article-full .service-container {
    display: block;
}
/* ===========
END SERVICES
============*/


/*
============================
PROJECT TEMPLATE
============================
*/
.project-container .project-wrapper .paragraph .paragraph-picture {
    margin: 45px auto 0;
}
.project-container .project-wrapper .paragraph .paragraph-heading {
    width: 90%;
    font-size: 1.5rem;
}
.project-container .project-wrapper .paragraph .paragraph-separator .paragraph-number {
    font-size: 1.8em;
    margin-bottom: -8.3%;
    margin-left: 48.7%;
}
.project-container .project-wrapper .video-container video {
    width: 65% !important;
}
.project-container .project-wrapper .paragraph .paragraph-text p img {
    width: 100% !important;
}

/*
============================
END PROJECT TEMPLATE
============================
*/

}