* {
  font-family: "Calibri";
  margin: 0px;
}


 #headerimage img {
  width: 350px;
}

nav a {
    color: black;
    text-decoration: none;
	display: inline-block;
	font-size: 20pt;
    text-align: center;
    padding: 8px 100px;
    border-right: 1px solid black;
}

nav a:hover {
  background-color: #505152;
}

Nav {
  background-color: Rgb(128, 128,128);
  width: 100%;
}


#homepaginaimage {
  float: right;
  margin: 100px;
}

footer {
  width: 100%;
  background-color: Rgb(128, 128, 128);
  font-size: 12pt;
  position: fixed;
  bottom: 0;
}

#wrapper {
  width: 1920px;
}

#big {
  margin: 100px;
}



#small ol {
  font-size: 15pt;
  margin-bottom: 8px;
}

#small {
  margin: 100px;
}

#long {
  margin: 100px;
}

 h1 {
  font-size: 20pt;
  margin-bottom: 8px;
}

p {
  font-size: 15pt;
}

article {
    margin: 100px;
}



#project4 {
    margin: 150px;
}

#project5 {
    margin: 150px;
}

#project6 {
    margin: 150px;
}

#project7 {
    margin: 150px;
}

#figuurzaagimage {
    float: right;
    margin-right: 100px;
}

#figuurzaagimage img {
    width: 289px;
    height: 192px;
}

#lanceerinstalatie {
    float: right;
    margin: 0px 100px 100px 100px;
}

#lanceerinstalatie img {
    width: 496px;
    height: 372px;
}

#project2image {
    float: right;
    margin-right: 100px;
}

#project2image img {
    width: 600px;
    height: 400px;
}

#project3image {
    background-color: skyblue;
    margin: 100px;
    width: 100px;
    height: 100px;
    float: right;
    text-align: center;
    border: 3px solid black;
    padding: 100px;
}

#project4image {
    background-color: skyblue;
    margin: 10px;
    width: 100px;
    height: 100px;
    float: right;
    text-align: center;
    border: 3px solid black;
    padding: 100px;
}

#project5image {
    background-color: skyblue;
    margin: 10px;
    width: 100px;
    height: 100px;
    float: right;
    text-align: center;
    border: 3px solid black;
    padding: 100px;
}

#project6image {
    background-color: skyblue;
    margin: 10px;
    width: 100px;
    height: 100px;
    float: right;
    text-align: center;
    border: 3px solid black;
    padding: 100px;
}

#project7image {
    background-color: skyblue;
    margin: 10px;
    width: 100px;
    height: 100px;
    float: right;
    text-align: center;
    border: 3px solid black;
    padding: 100px;
}

#mijnfoto {
    float: right;
}

#mijnfoto img {
    width: 384px;
    height: 512px;
}

	
@media screen and (max-width: 1920px) {
   #wrapper {
      width: 100%;
   }

}

@media screen and (max-width: 1000px) {
    .wrapper {
			width: 100%;
            min-width: 320px;
		}

		nav a {
			width: 100%;
            display: block;
            float: left;
            padding-left: 20px; 
            background-color: Rgb(128, 128,128);
		}

        #homepaginaimage {
            float: none;
            width: calc(100% - 200px);
            height: auto;
        }

        #lanceerinstalatie img {
            float: none;
            width: calc(100% + 150px);
            height: auto;
            margin-top: 10px;
        }

        #figuurzaagimage img {
            float: none;
            width: calc(100% - 10px);
            height: auto;
            margin: 10px;
        }
        
        #project2image img {
            float: none;
            width: calc(100% - 20px);
            height: auto;
            margin: 10px;
        }
    
        #project3image {
            float: none;
            width: calc(100% - 100px);
            margin: 10px;
        }

        #project4image {
            float: none;
            width: calc(100% - 100px);
            margin: 10px;
        }

        #project5image {
            float: none;
            width: calc(100% - 100px);
            margin: 10px;
        }

        #project6image {
            float: none;
            width: calc(100% - 100px);
            margin: 10px;
        }

        #project7image {
            float: none;
            width: calc(100% - 100px);
            margin: 10px;
        }
        
        #mijnfoto img {
            float: none;
            width: calc(100% - 40px);
            height: auto;
            margin-top: 10px;
        }

}