/*
 *
 *  * The MIT License
 *  *
 *  * Copyright 2016 CloudSeven.
 *  *
 *  * Permission is hereby granted, free of charge, to any person obtaining a copy
 *  * of this software and associated documentation files (the "Software"), to deal
 *  * in the Software without restriction, including without limitation the rights
 *  * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 *  * copies of the Software, and to permit persons to whom the Software is
 *  * furnished to do so, subject to the following conditions:
 *  *
 *  * The above copyright notice and this permission notice shall be included in
 *  * all copies or substantial portions of the Software.
 *  *
 *  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 *  * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 *  * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 *  * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 *  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 *  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 *  * THE SOFTWARE.
 *
 */

/*
 * Het bestand text.css omvat het styleren van de tekst op de website.
 * Het is belangrijk dat font sizes in "em" worden aangegeven en niet in "px"
 * in verband met cross platform compatibiliteit.
*/

body {
    font-family: 'Aller', 'Montserrat', sans-serif;
}

.navbar-right {
    font-size: 1.6em;
    color: rgba(94, 106, 136, 1);
}

.portal {
    margin-right: 68px;
}

.first-image-header {
    font-size: 3.7em;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 20);
    letter-spacing: 0;
    line-height: 60px;
    color: rgba(255, 255, 255, 1);
}

.first-image-subtext {
    font-family: 'Montserrat', 'Aller', sans-serif;
    font-size: 1.2em;
    line-height: 26px;
    color: rgba(255, 255, 255, 1);
}

.btn-success {
    font-family: 'Montserrat', 'Aller', sans-serif;
    font-weight: 200;
    font-size: 1.3em;
}

.glyphicon-menu-down {
    top: 10px;
    font-size: 2em;
}

#offers {
    font-family: 'Montserrat', 'Aller', sans-serif;
}

.offerText {
    color: rgba(64, 164, 255, 1);
    font-weight: 200;
    font-size: 1.1em;
    margin: 0 25% 30px;
}

.offerSubText {
    color: rgba(65, 75, 98, 1);
    font-size: 1.6em;
    margin: 0 25% 30px;
    font-weight: 500;

}

.offerScrollDown {
    color: #9CA2B2;
    font-weight: 100;
    margin: 0 25% 30px;
}

.scrollChevron {
    color: rgba(156, 162, 178, 1);
    font-size: 1.2em;
}

#benefits {
    font-family: 'Montserrat', 'Aller', sans-serif;
}

.benefitCaption {
    color: rgba(79, 155, 224, 1);
    font-size: 1.2em;
    letter-spacing: 0;
    font-weight: 200;
}

.benefitNumber {
    color: rgba(65, 75, 98, 1);
}

.benefitTitle {
    font-family: 'Aller', 'Montserrat', sans-serif;
    color: rgba(65, 75, 98, 1);
    letter-spacing: 0;
    font-size: 2.3em;
}

.benefitDetails {
    color: rgba(94, 106, 136, 1);
    letter-spacing: 0;
    line-height: 32px;
    font-size: 1.2em;
}

#features {
    font-family: 'Montserrat', 'Aller', sans-serif;
}

.featureHeader {
    font-family: 'Aller', 'Montserrat', sans-serif;
    color: #414b62;
    letter-spacing: 0;
    font-size: 3em;
}

.featureSubtext {
    color: #5e6a88;
    font-size: 1.7em;
    font-weight: 200;
    letter-spacing: 0;
    line-height: 32px;
}

.featureName {
    color: rgb(55, 63, 93);
    font-size: 1.3em;
    font-weight: 600;
    margin-left: 10px;
}

.featureDescription {
    color: #9CA2B2;
    line-height: 24px;
    font-size: 0.8em;
    font-weight: 200;
}

.featureExplanation {
    color: #9CA2B2;
    line-height: 24px;
    font-size: 1em;
    font-weight: 200;
    margin-left: 10px;
}

#clients {
    font-family: 'Montserrat', 'Aller', sans-serif;
    padding-top: 150px;
}

.clientsHeader {
    font-family: 'Aller', 'Montserrat', sans-serif;
    color: #414b62;
    letter-spacing: 0;
    font-size: 3em;
}

.clientsSubtext {
    color: #5e6a88;
    font-size: 1.7em;
    font-weight: 100;
    letter-spacing: 0;
    line-height: 26px;
}

.clientQuote {
    font-weight: 100;
    font-size: 1.1em;
    padding-left: 30px;
    padding-top: 25px;
    width: 750px;
}

.clientName {
    font-weight: 300;
    font-size: 1.2em;
}

#contact {
    font-family: 'Montserrat', 'Aller', sans-serif;
}

.contactHeader {
    font-family: 'Aller', 'Montserrat', sans-serif;
    font-size: 2.1em;
    color: #414b62;
    letter-spacing: 0;
    line-height: 60px;
}

.contactSubtext {
    color: #5e6a88;
    font-size: 1.8em;
    font-weight: 100;
    letter-spacing: 0;
    line-height: 32px;
}

.form-control, .radioLabel {
    color: #7B89AA;
    font-size: 1em;
    opacity: 0.49;
    letter-spacing: 0;
}

.radioText {
    color: #414B62;
    font-size: 1.1em;
    font-weight: normal;
}

.successPage {
    position: relative;
    margin: auto 0;
    text-align: center;
}

.copyright {
    font-size: 15px;
    color: #FFFFFF;
}

.copyrights-reserved {
    color: #9CA2B2;
}

.about {
    color: #9CA2B2;
}

.landscapewarning {
    font-size: 2em;
    display: none;
    margin-left: calc(12.5%);
    margin-right: calc(12.5%);
}