hi Noor!!

html {
    box-sizing: border-box;
    overflow-x: hidden;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

* {
    text-decoration: none;
    color: black;
    font-family: Helvetica, sans-serif;
}

body {
    background-color: #f3efe6;
    font-size: 13px;
}

a.site-logo img {
    width: 40px;
    position: relative;
    top: -60px;
    left: 20px;
}


/* titels */

.contextual-region.node.node--type-article.node--promoted.node--view-mode-teaser h2 {
    font-size: 14px;
    text-transform: uppercase;
    margin-left: 30px;
    margin-top: 25px;
    margin-bottom: 20px;
}

.site-name {
    visibility: hidden;
}

ul.tabs.primary {
    margin-top: 50px;
    font-size: 11px;
    margin-left: 20px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

.field__item img {
    width: 30%;
    height: 30%;
    margin-top: 2%;
    margin-bottom: 2%;
}

.left {
    display: block;
    float: left;
    width: 50%;
}

.right {
    display: block;
    float: right;
    width: 50%;
}

ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #d2c5af;
    width: 100%;
    float: left;
}

li.menu-item {
    display: block;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
    width: 200px;
    float: right;
    padding-top: 10px;
}

.menu-item a {
    display: block;
    color: black;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
}

.menu-item:hover {
    background-color: #F2F2F2;
}

#block-sarah-branding {
    height: 0px;
}


/* tekst op foto */

.node__content p {
    width: 350px;
    margin-bottom: 20px;
}

.field.field--name-field-icon.field--type-image.field--label-hidden.field__item.quickedit-field img {
    display: block;
    float: left;
    width: 20px;
}


/* titels van de artikels */

.contextual-region.node.node--type-article.node--promoted.node--view-mode-teaser a span {
    color: #d2c5af;
    font-size: 15px;
    left: 100px;
}


/* our latest artikels en our services */

.text-formatted.field.field--name-field-text.field--type-text-long.field--label-hidden.field__item h2 {
    color: #d2c5af;
    text-transform: uppercase;
    font-size: 20px;
    position: relative;
    left: 180px;
}


/* product - customer service - service */

.field.field--name-title.field--type-string.field--label-hidden.quickedit-field {
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    color: orange;
}


/* artikel blok */

.views-row {
    display: block;
    float: left;
    width: 40%;
    position: relative;
    left: 150px;
    padding-right: 15%;
    margin-bottom: 5%;
}


/* artikel blok tekst */

.views-row p {
    display: block;
    float: left;
    width: 400px;
    line-height: 2em;
    font-size: 12px;
}


/* artikel blok tekst */

.views-row img {
    display: block;
    width: 400px;
}


/* alle blokken samen */

div.view-content {
    display: block;
    float: left;
    width: 100%;
}


/* zoekveld */

input#edit-submit {
    background-color: #000000;
    border: none;
    color: white;
    font-size: 10px;
    padding: 17px 35px;
    text-transform: lowercase;
    font-weight: bold;
    margin-left: 5px;
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 5%;
}

input#edit-keys.form-search {
    background-color: white;
    padding: 15px 60px;
    border: none;
    margin-left: 15%;
    margin-top: 5%;
}


/* all our services en all articles */

div.more-link a {
    background-color: none;
    border: 1px solid black;
    color: black;
    font-size: 10px;
    padding: 10px 15px;
    text-transform: uppercase;
    margin-top: 100px;
    font-weight: bold;
    position: relative;
    left: 200px;
}


/* services block */

.block.block-views.block-views-blockservices-block-1 {
    background-color: white;
    padding-top: 5%;
    padding-bottom: 5%;
}

.block.block-views.block-views-blockservices-block-1 {
    background-color: white;
    padding-top: 5%;
    padding-bottom: 5%;
}


/* woordjes aan de zijkant die we niet moeten zien */

.field.field--name-field-align-view.field--type-entity-reference.field--label-hidden.field__item {
    visibility: hidden;
}

.field.field--name-field-background-color.field--type-entity-reference.field--label-hidden.field__item {
    visibility: hidden;
}


/* button opmaak */

.node-readmore a {
    background-color: #000000;
    border: none;
    color: white;
    font-size: 10px;
    padding: 10px 15px;
    text-transform: uppercase;
    margin-left: 20px;
    margin-bottom: 40px;
    font-weight: bold;
}


/* tekst op foto */

.text-formatted p {
    font-size: 13px;
    margin-left: 30px;
    width: 400px;
}