From 03f8116bd2c52caa00500e4562ebf7a4d82839b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Danyi=20D=C3=A1vid?= <danyi.david@gmail.com>
Date: Sun, 6 May 2018 21:37:49 +0200
Subject: [PATCH] * breakpoint changes

---
 public/styles/main.css | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/public/styles/main.css b/public/styles/main.css
index edbcb3e..dcedb92 100644
--- a/public/styles/main.css
+++ b/public/styles/main.css
@@ -130,9 +130,10 @@ footer .ericsson-logo {
     }
 
     img.embedded-image {
+        display: block;
         max-width: 100%;
-        float: right;
-        margin-left: 10px;
+        margin-left: auto;
+        margin-right: auto;
         margin-bottom: 10px;
     }
 
@@ -219,7 +220,7 @@ footer .ericsson-logo {
 }
 
 /* tablet */
-@media only screen and (min-width: 780px) and (max-width: 1179px) {
+@media only screen and (min-width: 780px) and (max-width: 1219px) {
     .app-container {
         grid-template-columns: auto 180px 580px auto;
         grid-template-rows: 170px auto 70px;
@@ -257,7 +258,9 @@ footer .ericsson-logo {
 
     img.embedded-image {
         max-width: 50%;
-        float: right
+        float: right;
+        margin-left: 20px;
+        margin-bottom: 20px;
     }
 
     img.embedded-image.keep-small-right {
@@ -303,7 +306,7 @@ footer .ericsson-logo {
 }
 
 /* monitor */
-@media only screen and (min-width: 1180px) {
+@media only screen and (min-width: 1220px) {
     .app-container {
         grid-template-columns: auto 180px 980px auto;
         grid-template-rows: 170px auto 70px;
@@ -323,7 +326,7 @@ footer .ericsson-logo {
     }
 
     section.article {
-        grid-template-columns: 580px 380px;
+        grid-template-columns: 580px 360px;
         grid-template-rows: auto;
         grid-template-areas:
                 "article sidebar";
@@ -405,7 +408,7 @@ section.article > .sidebar {
 }
 
 section.article > .sidebar > img {
-    max-width: 380px;
+    max-width: 100%;
 }
 
 /* judges */