/* COLORS */
        /*
        orange: #f95706;
        blauw: #6aa7ad;
        */
        body{
            font-family: 'Fira Sans', sans-serif;
            font-size: 1rem;
        }
        h2{
            font-size: 1.4rem;
            font-weight: 700;
            color: #333;
        }
        h3{
            font-weight: 700;
            color: #6aa7ad;
            font-size: 1.4rem;
        }
        .header{
            background-color: #f95706;
            border: none;
            font-weight: 700;
            line-height: 1.6rem;
            color: #fff;
        }
        .subheader{
            background-color: #6aa7ad;
            color: #fff;
            font-weight: 700;
        }
        /* BTN */
        .btn{font-weight: 400;font-size:1rem;}
        .btn-primary {
            border: 0px;
            color: #fff;
            background-color: #f95706;
            border-color: #f95706;
        }

        .btn-primary, .btn-secondary{
            transition: all 0.3s ease 0s;
            cursor: pointer;
            outline: none;
        }
        .btn-primary:hover, .btn-secondary:hover {
          transform: translateY(-5px);
        }

        a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus, a.btn-primary:visited{
            background-color: #f95706 !important;
            border-color: #f95706 !important;
        }
        .btn-secondary {
            color: #fff;
            background-color: #6aa7ad;
            border-color: #6aa7ad;
        }
        .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:visited{
            background-color: #64939C;
            border-color: #64939C;
        }
        /* END BTN */
        .medium{font-size: 1.2rem}
        .large{font-size: 1.6rem}
        /* HEIGHTS */
        .h30{height: 30px;}
        .h40{height: 40px;}
        .h60{height: 60px;}
        .h80{height: 80px;}
        .h100{height: 100px;}
        /* COLORS */
        .white{color: #fff;}