@media screen and (min-width: 480px) and (max-width: 640px) {

.huge-text {
    font-size: 4.5em;
    height: 7.2rem;
}
.huge-subheading {
    font-size: 0.8em;
    height: 1.8rem;
}

#slider-container #up-diamond-container {
    display: none;
}
#slider-container #bullets-container {
    bottom: 93%;
}


/*
============================
FULL NAV
============================
*/
#navigation #full-nav .col .heading {
    margin-top: 40px;
    margin-bottom: 10px;
}
#navigation #full-nav .col .nav-li li {
    font-size: 0.8em;
}


/*
============================
COMMON
============================
*/
.desktop-version {
    display: none;
}
.mobile-version {
    display: inherit;;
}
.huge-text-downSlider {
    font-size: 3rem;
}

/*
============================
LANGUAGES
============================
*/
#language-container {
    right: 8px !important;
}
#language-container .language-line-separator {
    margin: 0 5px;
}



/* ===========
ARTICLE
============*/
#aboutUs article {
    width: 90%;
    padding: 0 5%;
    margin: 30px 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: 90%;
    padding-right: 5%;
    padding-left: 5%;
    overflow: hidden;

    text-align: left;
    vertical-align: inherit;
}
#aboutUs .article-full .img-right {
    display: block;
    width: 100%;
}
#aboutUs .article-full .service-container {
    display: block;
}

#aboutUs .business-mobile-text {
    width: 90%;
}
#aboutUs .article-service-mobile .top-heading {
    width: 80%;
}
#aboutUs .article-service-mobile .service-mobile-text {
    width: 80%;
}
/* ===========
END SERVICES
============*/


/*
============================
PROJECT TEMPLATE
============================
*/
.project-container .project-wrapper {
    margin-top: 60px;
}
.project-container .project-wrapper .pic {
    margin: -5px auto 0;
}
.project-container .project-wrapper .paragraph .paragraph-separator {
    width: 90%;
}
.project-container .project-wrapper .paragraph .paragraph-heading {
    width: 90%;
    font-size: 1.4rem;
}
.project-container .project-wrapper .paragraph .paragraph-text {
    width: 90%;
}
.project-container .project-wrapper .paragraph .paragraph-text p img {
    width: 100% !important;
}
.project-container .project-wrapper .paragraph .paragraph-separator .paragraph-number {
    font-size: 1.2em;
    margin-bottom: -8.2%;
    margin-left: 48.8%;

}
.project-container .project-wrapper .video-container video {
    width: 85% !important;
}






/*
============================
FOOTER
============================
*/
#footer {
    padding: 15px 0;
}
#footer #container {
    width: 90%;
    padding: 0 2px;
    overflow: inherit;
}
#footer #container #left {
    display: none;
}
#footer #container  #right {
    float: none;
    text-align: left;
    width: 100%;
}

}
