body{
    background-color: #627778;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: Arial, sans-serif;
}

/*eigen foto maken voor backround*/
header{
    background-image: url(fotos/backroundhead.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 18vw;
    overflow: hidden;
    color: aliceblue;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    column-gap: 100px;
}


.logo{
    height: 125px;
    border-radius: 15px;
    overflow: hidden;
    margin-right: auto;
    margin-left: 90px;
}

.navigation{
    background-color: #b2bfbf;
    color: black;
    display: flex;
    flex-wrap: wrap;
    margin-top: 100px;
    width: 600px;
    height: 50px;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 25px;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
}


.body{
    background-color: #b2bfbf;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 0%;
    border: 0%;
    min-height: 72.8vh;
    width: 800px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

a{
    color: black;
    text-decoration: none;
    font-weight: 600;
}

a:hover{
   color: beige;
   text-decoration: none;
   cursor: pointer;
}

h1{
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 0px;
    margin-right: auto;
}

h2{
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Arial, sans-serif;
}

p{
    margin: 20px;
    text-align: justify;
}

/*fotos en teksten*/

.scales{
    width: 450px;
    font-size: 17px;
}

.imgscales{
    width: 290px;
    margin-left: 0%;
}

.gauges{
    width: 440px;
}

.scalevsgauge{
    margin-right: 200px;
}

.imgscalevsgauge{
    width: 300px;
}

.gscale{
    width: 440px;
}
.imggscale{
    margin-left: 20px;
    width: 300px;
}

.oscaleh2{
    margin-right: 400px;
}
.oscale{
    width: 440px;
}

.imgoscale{
    width: 300px;
}

.h0scaleh2{
    margin-right: 400PX;
}
.h0scale{
    width: 440px;
}

.imgh0scale{
    width: 300px;
}

.ttscaleh2{
    margin-right: 400px;
}

.ttscale{
    width: 440px;
}

.imgttscale{
    width: 300px;
}

.imgnscale{
    width: 300px;
    margin-left: 20px;
}

.nscale{
    width: 440px;
}

.imgzscale{
    width: 300px;
    margin-left: 20px;
}

.zscale{
    width: 440px;
}

.zscalediv{
    margin-top: 20px;
}

.tscaleh2{
    margin-right: 400px;
}

.tscale{
    width: 440px;
}

.imgtscale{
    width: 300px;
}

.conclusion{
    font-size: 17px;
}

.bottom{
    height: 50px;
    width: 100%;
    background-color: #303a3b;
}

.randsh2{
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

.howtobeginh2{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.chooseascale{
    width: 530px;
}

.imgchooseascale{
    width: 250px;
    margin-left: 20px;
}

.imgdigital{
    width: 250px;
    margin-bottom: 30px;
}

.imganalogordigital{
    width: 250px;
}

.analogordigital{
    width: 490px;
}

.imganalogordigital2{
    width: 250px;
    display: flex;
    flex-wrap: wrap;
}

.starterset{
    width: 490px;
}

.imgstarterset{
    width: 250px;
    margin-bottom: 20px;
}

.imgfirstlayout{
    margin-left: 20px;
    width: 250px;
}

.firstlayout{
    width: 530px;
}

.imgrunningtrains{
    width: 250px;
}

.runningtrains{
    width: 490px;
}

.layoutexpansion{
    width: 490px;
    margin-right: 15px;
}

.imglayoutexpansion{
    width: 260px;
}

.howtolayout{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.imgmeasureroom{
    width: 250px;
}

.measureroom{
    width: 490px;
}

.imglayoutplan{
    width: 250px;
}

.layoutplan{
    width: 490px;
}

.imgsafety{
    width: 250px;
    margin-left: 20px;
}

.safety{
    margin-top: 20px;
    width: 530px;
}

.imgbenchwork{
    width: 190px;
}

.benchwork{
    width: 550px;
}

.imglayingtrack{
    width: 250px;
}

.layingtrack{
    width: 490px;
}

.shapingterrain{
    width: 530px;
}

.imgshapingterrain{
    width: 250px;
    margin-left: 20px;
}

.scenery{
    margin-top: 20px;
}

.aboutus{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.email{
    margin-left: auto;
    margin-right: auto;
    font-size: larger;
    font-weight: bold;
}

.aboutusp{
    margin-top: 10px;
    margin-bottom: 10px;
}

.imgaboutus{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.whatyoucanlearn{
    margin-bottom: 0%;
    margin-right: 200px;
}

.whatyoucanlearnlist{
    margin-top: 0%;
    margin-right: 200px;
}

.homapagefoto{
    margin-left: auto;
    margin-right: auto;
    width: 400px;
}