.exit-button {
    height: auto;
    width: auto;
    max-width: 45px;
    max-height: 45px;
    margin-top: 18px;
}

.products-logo {
    width: 200px;
}

.products-logo-wrapper {
    padding: 2%;
}

.project-logo {
    margin-bottom: 20px;
}

.btn-under-project-logo {
    background-color: #F5F5F5;
    font-size: 15px;
    font-weight: 500;
    color: #494948;
    margin-top: 8px;
    margin-bottom: 8px;  
    width: 100%;
    text-align: left;
}

.btn-under-project-logo:hover {
    background-color: #F0F0F0;
}

.recent-info-block p {
    text-align: left;
    margin-top: 20px;
    font-size: 16px;
}

.frame {
    -webkit-border-radius: 12px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 12px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 12px;
    padding: 3%;
    padding-bottom: 10%;
    margin-top: 5%;
    margin-bottom: 5%;
}

/* different colors */
.frame-green {
    border: 5px solid #C6D92D;
}

.frame-blue {
    border: 5px solid #013e51;
}

.frame-orange {
    border: 5px solid #E96317;
}

.title-green {
    color: #C6D92D;
}

.title-blue {
    color: #013e51;
}

.title-orange {
    color: #E96317;
}
/* different colors */

.description-wrapper {
    padding: 3%;
    padding-top: 0%;
}

.description-wrapper-top-text {
    font-size: 18px;
}

.description-wrapper-bottom-text {
    font-size: 20px;
}

.description-wrapper-top-text, .description-wrapper-bottom-text {
    font-weight: 100;
}

.link-under-description {
    font-size: 16px;
    white-space: pre-wrap;      /*!* CSS3 *!*/
    white-space: -moz-pre-wrap; /*!* Firefox *!*/
    white-space: -o-pre-wrap;   /*!* Opera 7 *!*/
    word-wrap: break-word;      /*!* IE *!*/
}

.link-under-description:hover {
    text-decoration: none;
}

.icon-under-apps-by-NA {
    max-width: 200px;
}

.icon-buttons-under-apps-by-NA {
    float:left; width: 20px; margin-right: 5px;
}


.btn-image-container {
    width: 25px;
}

.btn-under-project-logo .icon-container {
    display: inline-block;
}


.btn-under-project-logo .text-container {
    display: inline-block;
    white-space: normal;
}

@media (min-width: 600px) and (max-width: 990px) {
    .project-logo.center-block {
        margin-left: initial;
        margin-right: initial;
        display: inline-block;
    }

    .links-container {
        display: inline-block;
        margin-left: 20px;
    }
}

#guide-buttons a {
    white-space: normal;
}