* { box-sizing: border-box; } body { margin: 0; } .header { text-align: center; padding: 32px; } .row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; padding: 0 4px; } /* Create four equal columns that sits next to each other */ .column { -ms-flex: 50%; /* IE10 */ flex: 50%; max-width: 50%; padding: 0 4px; } .column img { margin-top: 8px; vertical-align: middle; width: 100%; border: 2px solid #ddd; border-radius: 15px; padding: 5px; } /* Responsive layout - makes a two column-layout instead of four c

* { box-sizing: border-box; } body { margin: 0; } .header { text-align: center; padding: 32px; } .row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; padding: 0 4px; } /* Create four equal columns that sits next to each other */ .column { -ms-flex: 33%; /* IE10 */ flex: 33%; max-width: 33%; padding: 0 4px; } .column img { margin-top: 8px; vertical-align: middle; width: 100%; border: 2px solid #ddd; border-radius: 15px; padding: 5px; } /* Responsive layout - makes a two column-layout instead of four c

.div img { vertical-align: middle; width: 25%: height: 80px; } /* Position the image container (needed to position the left and right arrows) */ .container { position: relative; } /* Hide the images by default */ .mySlides { display: none; } /* Add a pointer when hovering over the thumbnail images */ .cursor { cursor: pointer; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 40%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; border-radiu

* { box-sizing: border-box; } body { margin: 0; } .header { text-align: center; padding: 32px; } .row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; padding: 0 4px; } /* Create four equal columns that sits next to each other */ .column { -ms-flex: 50%; /* IE10 */ flex: 50%; max-width: 50%; padding: 0 4px; } .column img { margin-top: 8px; vertical-align: middle; width: 100%; border: 2px solid #ddd; border-radius: 15px; padding: 5px; } /* Responsive layout - makes a two column-layout instead of four c

* { box-sizing: border-box; } body { margin: 0; } .header { text-align: center; padding: 32px; } .row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; padding: 0 4px; } /* Create four equal columns that sits next to each other */ .column { -ms-flex: 50%; /* IE10 */ flex: 50%; max-width: 50%; padding: 0 4px; } .column img { margin-top: 8px; vertical-align: middle; width: 100%; border: 2px solid #ddd; border-radius: 15px; padding: 5px; } /* Responsive layout - makes a two column-layout instead of four c

* { box-sizing: border-box; } body { margin: 0; } .header { text-align: center; padding: 32px; } .row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; padding: 0 4px; } /* Create four equal columns that sits next to each other */ .column { -ms-flex: 50%; /* IE10 */ flex: 50%; max-width: 50%; padding: 0 4px; } .column img { margin-top: 8px; vertical-align: middle; width: 100%; border: 2px solid #ddd; border-radius: 15px; padding: 5px; } /* Responsive layout - makes a two column-layout instead of four c