size typo

03/index.html

@@ -52,7 +52,7 @@
 
 @media screen and (max-height: 450px), screen and (max-width: 500px) {
   p {
-    font-size: 17px; 
+    font-size: 13px; 
     /*font-size: 3.5vw;*/
   }
   .overlay {overflow-y: auto;}
@@ -75,6 +75,8 @@
     <a href="http://www.pzwart.nl/" target="_blank">Piet Zwart Institute</a>
   </div>
 </div>
+	
+	
 <div class="container">
 		<div class="blocktext">
 
@@ -125,10 +127,24 @@ For the project “Interfacing the Law” we are working on the archive of the h
 			<p>Mass-processed foods are often riddled with undisclosed and hidden elements. We are mostly ignorant about the processes involved in manufacturing, packaging, and shipping of our products, and the consequences of such processes. This is not a new grievance, carbon footprints, GM foods, Fair Trade, organic, animal right are all phrases that occur often in headlines, warning us against buying or using a certain product, or advising us to support a certain cause. Such advice, though probably well meaning not only leaves the consumer confused, but also takes away the consumers autonomy in making decisions and taking responsibility for the products they use.</p>
 			<p>FFF is an open product-database wiki which aims to fill the lack of easy access to what should be public knowledge. Empirical food companies are our main concern. Their disclosed control - whether with data, health factors or ethical behaviour - is beyond our imagination. However, even if the data were fully accessible, there would end up being masses of text and technical information, something that the average consumer, cannot, and will not, read - just like the terms and conditions. There is therefore a pressing need to simplify, decrypt and disambiguate the information by extracting the most relevant points while also maintaining transparency by ensuring that everything can still be easily accessed if one does want to go into depth. To better under- stand the bigger picture the information is broken down into three categories for each product; On the Surface, Grey Area and Under the Surface.</p>
 	
+	</div>
+	
+	<div class="blockimage">
+		<img src="img/flyer_screengrab.png">
+	
+	
+	
+	</div>
+		<div class="blockimage">
+		<img src="img/map_rough.png">
+	
+	
+	
 	</div>
 	</div>
 	
 	
+	
 <div class="moreinfo">
 <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; More Info...</span>
 </div>	

03/style.css

@@ -6,12 +6,14 @@ body{
     display: block;
     margin: auto;
     width: 100%;
-	font-size:11px;
+	font-size:13px;
 	background-image: url("img/background_rough.png");
 	background-repeat: repeat;
 
 
 
+
+
 }
 
 @font-face {
@@ -29,6 +31,11 @@ h2 {
 	text-align:center;
 }
 
+h3{
+
+	font-size:17px;
+}
+
 span{
 	
 	font-family: 'Dashness', Helvetica, Arial, sans-serif;
@@ -52,6 +59,30 @@ span{
 
 }
 
+
+
+.blockimage{
+	
+	
+	border:blue;
+	width:400px;
+	padding:15px;
+	border-style: solid;
+	display:inline;
+	position:relative;
+	float:left;
+	background-color: white;
+	opacity:0.8;
+
+
+
+}
+
+img{
+width: 400px;
+
+}
+
 .container{
 	width:80%;
 	margin-top: 100px;