/*Desktop*/
@media only screen and (min-width: 900px) {
.info{
    min-height:1000px;
}

.Banner_Head_Service{
    background:url("../Euronics/winkel8.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
    height:50%;
    width:100%;
    margin-top: 70px;
    box-shadow:0px 5px 10px lightgrey;
}

    #Banner_Head_Service_Title{
        display: inline-table;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size:25px;
        color:white;
        padding:20px;
        background-color:rgba(0,72,153, .9);
        text-transform: uppercase;
        font-weight:bold;
        min-width: 30%;
        text-align: center;
        padding-left: 40px;
        padding-right: 40px;
    }

#service_Head{
    text-align:center;
    margin-top:50px;
    width: 50%;
    margin-left:auto;
    margin-right:auto;
    font-size: 18px;
    color: grey;
}

.reparatie_info{
    width:60%;
    min-height:200px;
    display:flex;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}

    .Service_Box{
        width:100%;
        padding: 40px 60px;
    }

        .Service_Box h3{
            display: inline-table;
            color: rgb(0,72,153);
            border-bottom: 2px solid rgb(227,6,19);
            margin: 20px;
        }

.reparatie_formulier{
    width:70%;
    min-height:200px;
    margin-left:auto;
    margin-right:auto;
}

    .form_titel{
        margin: 20px;
    }

    .fieldset{
        width: 100%;
        display: flex;
    }

        .form-list{
            width: 50%;
            padding: 20px 30px;
        }

            .form-list li{
                list-style-type: none;
            }
            .fields{
                padding: 10px 0;
            }
            .field{
                padding: 10px 0;
            }       
            
            .input-text{
                margin: 10px 0;
                padding:10px 5px;
                width: 100%;
                outline: none;
                background-color: rgb(240, 240, 240);
                border:none;
                resize: vertical;
            }

            .form-list em{
                font-size: 13px;
            }

        .wide{
            padding: 10px 0;
        }

    .buttons-set{
        padding: 20px 50px;
    }

        .button{
            background-color: rgb(0,72,153);
            color: white;
            border:none;
            outline:none;
            transition: 0.25s;
            padding: 15px 20px;
            font-size: 16px;
        }

            .button:hover{
                background-color: rgba(0,72,153, .0);
                color: rgb(0,72,153);
                cursor: pointer;
            }
}

/*Tablet*/
@media only screen and (max-width: 899px) and (min-width:710px) {
.info{
    min-height:1000px;
}

.Banner_Head_Service{
    background:url("../Euronics/winkel8.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
    height:40%;
    width:100%;
    margin-top: 70px;
    box-shadow:0px 5px 10px lightgrey;
}

    #Banner_Head_Service_Title{
        display: inline-table;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size:25px;
        color:white;
        padding:20px;
        background-color:rgba(0,72,153, .9);
        text-transform: uppercase;
        font-weight:bold;
        min-width: 30%;
        text-align: center;
        padding-left: 40px;
        padding-right: 40px;
    }

#service_Head{
    text-align:center;
    margin-top:50px;
    width: 50%;
    margin-left:auto;
    margin-right:auto;
    font-size: 18px;
    color: grey;
}

.reparatie_info{
    width:60%;
    min-height:200px;
    display:flex;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}

    .Service_Box{
        width:100%;
        padding: 40px 60px;
    }

        .Service_Box h3{
            display: inline-table;
            color: rgb(0,72,153);
            border-bottom: 2px solid rgb(227,6,19);
            margin: 20px;
        }

.reparatie_formulier{
    width:90%;
    min-height:200px;
    margin-left:auto;
    margin-right:auto;
}

    .form_titel{
        margin: 20px;
    }

    .fieldset{
        width: 100%;
        display: flex;
    }

        .form-list{
            width: 50%;
            padding: 20px 30px;
        }

            .form-list li{
                list-style-type: none;
            }
            .fields{
                padding: 10px 0;
            }
            .field{
                padding: 10px 0;
            }       
            
            .input-text{
                margin: 10px 0;
                padding:10px 5px;
                width: 100%;
                outline: none;
                background-color: rgb(240, 240, 240);
                border:none;
                resize: vertical;
            }

            .form-list em{
                font-size: 13px;
            }

        .wide{
            padding: 10px 0;
        }

    .buttons-set{
        padding: 20px 50px;
    }

        .button{
            background-color: rgb(0,72,153);
            color: white;
            border:none;
            outline:none;
            transition: 0.25s;
            padding: 10px 20px;
            font-size: 16px;
        }

            .button:hover{
                background-color: rgba(0,72,153, .0);
                color: rgb(0,72,153);
                cursor: pointer;
            }
}


/*Tablet*/
@media only screen and (max-width: 709px) {
.info{
    min-height:1000px;
}

.Banner_Head_Service{
    background:url("../Euronics/winkel8.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
    height:40%;
    width:100%;
    margin-top: 70px;
    box-shadow:0px 5px 10px lightgrey;
}

    #Banner_Head_Service_Title{
        display: inline-table;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size:25px;
        color:white;
        padding:20px;
        background-color:rgba(0,72,153, .9);
        text-transform: uppercase;
        font-weight:bold;
        min-width: 30%;
        text-align: center;
        padding-left: 40px;
        padding-right: 40px;
    }

#service_Head{
    text-align:center;
    margin-top:30px;
    width: 80%;
    margin-left:auto;
    margin-right:auto;
    font-size: 18px;
    color: grey;
}

.reparatie_info{
    width:100%;
    min-height:200px;
    display:flex;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}

    .Service_Box{
        display: block;
        width:90%;
        padding: 20px 0px;
        margin-left:auto;
        margin-right:auto;
    }

        .Service_Box h3{
            display: inline-table;
            color: rgb(0,72,153);
            border-bottom: 2px solid rgb(227,6,19);
            margin: 20px;
        }

.reparatie_formulier{
    width:100%;
    min-height:200px;
    margin-left:auto;
    margin-right:auto;
}

    .form_titel{
        margin: 20px;
    }

    .fieldset{
        width: 100%;
    }

        .form-list{
            width: 80%;
            padding: 10px 0px;
            padding-left: 20px;
        }

            .form-list li{
                list-style-type: none;
            }
            .fields{
                padding: 10px 0;
            }
            .field{
                padding: 10px 0;
            }       
            
            .input-text{
                margin: 10px 0;
                padding:10px 5px;
                width: 100%;
                outline: none;
                background-color: rgb(240, 240, 240);
                border:none;
                resize: vertical;
            }

            .form-list em{
                font-size: 13px;
            }

        .wide{
            padding: 10px 0;
        }

    .buttons-set{
        padding: 20px 50px;
    }

        .button{
            background-color: rgb(0,72,153);
            color: white;
            border:none;
            outline:none;
            transition: 0.25s;
            padding: 15px 25px;
            font-size: 15px;
        }

            .button:hover{
                background-color: rgba(0,72,153, .0);
                color: rgb(0,72,153);
                cursor: pointer;
            }
}