*{
    padding: 0;
    margin: 0;
}

body {
    font-family: 'Segoe UI';
}

header{ 
    background-image: url("../img/Hero.png")   
    
}

.LetterE{
    color: #4bcaff;
}

.streepje{
    text-decoration: underline;
}

.nav{
    background: rgba(74, 84, 92,0.7);
    padding: 30px;
    display:flex ;
    align-items: center;
}

.nav h1{
    color: white;
}

nav{
    display: flex;
    justify-content:end;
    margin-left: 1100px;
}

.text{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-transform: uppercase;
    padding: 200px 0;
}

.text h2{
    color: white;
    background-color: #4a545c;
    font-size: 40px;
    margin: 10px;   
}


a{
    margin: 10px;
    padding: 10px;  
    color: white;
    text-decoration: none;
    border: solid transparent 2px;
}

a:hover{
    border: solid white 2px;
}

.body-services{
    background-color: #4bcaff;
    color: white;
    padding: 40px 0;
    padding-left: 300px;
    padding-right: 300px;
}

.all-services{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
}

.all-services h2{
    margin: 10px;
}

.all-services{
    font-size: small;
    margin-left: 10px;
    margin-right: 10px;
}

.testimonals{
    background-color: white;
    padding: 40px 0;
    padding-left: 300px;
    padding-right: 300px;
}

.text2{
    font-size: x-large;
    margin: 30px;
}

main{
    background-image: url("../img/Contact_photo.png")
}

.h1{
    padding-left: 300px;
}

.grid-container{
    padding: 40px 0;
    display: grid;
    grid-template-columns:1fr 1fr;   
    grid-gap: 15px;
    padding-left: 300px;
    padding-right: 300px;
}

.card{
    padding: 10px;
    width: auto;
    border: 2px solid white;
    margin: 10px;
    color: white;
}

.card-bigger{
    padding: 10px;
    width: auto;
    border: 2px solid white;
    margin: 10px;
    color: white;
    grid-column: span 2;

}

input text{
    height: 200px;
}

.card-taller{
    padding: 10px;
    width: auto;
    border: 2px solid white;
    margin: 10px;
    color: white;
    grid-row: span 2;
}

.button{
    border: none;
    color: white;
    padding: 20px 80px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-left: 30px;
    cursor: pointer;
    background-color: #4bcaff;
}

.wrapperfootmenu {
    margin: 0 auto;
    max-width: 960px;
}

.footermenu {
    padding-right: 300px;
    display: flex;
    align-items: center;
    height: 200px;
    display: flex;
    color: #4a545c;
    background: #343e46;
}