From 38b166427dcd6c7fa3d8ee1d9eaf6788005f995b Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Fri, 24 Jun 2016 08:28:00 +0100
Subject: [PATCH] Set project logo maximum widths

Issue #26
---
 assets/sass/pages/_projects.sass  | 10 ++++++++--
 source/_layouts/project.html.twig |  2 ++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/assets/sass/pages/_projects.sass b/assets/sass/pages/_projects.sass
index a5c0627c2..23bd31cc1 100644
--- a/assets/sass/pages/_projects.sass
+++ b/assets/sass/pages/_projects.sass
@@ -1,12 +1,18 @@
 .project
-    &--company__has-logo
+    &__company--has-logo
         a:link,
         a:hover
             border-bottom: 0
             display: block
 
         img
-            max-height: 50px
+            max-width: 75%
+
+            +breakpoint($screen-sm)
+                max-width: 50%
+
+            +breakpoint($screen-md)
+                max-width: 33.3%
 
     &__website
         @extend .btn
diff --git a/source/_layouts/project.html.twig b/source/_layouts/project.html.twig
index 16f3e6d96..b9977cd58 100644
--- a/source/_layouts/project.html.twig
+++ b/source/_layouts/project.html.twig
@@ -1,5 +1,7 @@
 {% extends 'page' %}
 
+{% block body_classes 'page--project' %}
+
 {% block content_wrapper %}
     {% if page.image -%}
         <img src="/assets/images/projects/{{ page.image.name ?: page.image }}" alt="{{ page.image.alt }}">