commit c2503536ad1b3efe12351d6ba94dc7cb6377038b
author Henri Koivuneva <henri.koivuneva@gmail.com> Thu Nov 23 04:00:26 2017 +0200
committer Unknown <electrikjesus@gmail.com> Wed Nov 22 21:25:23 2017 -0500
tree 5503e6ff4f50515670be77e915dc786c9c99e0f8
parent a7718dd013efe66f80aebf9feb861c8e52de55a8

CSS: Responsive fixes for downloads/portfolio

css/style.css

diff --git a/css/style.css b/css/style.css
index eababe6..04281f6 100644
--- a/css/style.css
+++ b/css/style.css
@@ -356,32 +356,31 @@
       #portfolio > div > div > div:nth-child(1) > div > div.col-sm-7.text-center,
       #portfolio > div > div > div:nth-child(2) > div > div.col-sm-5.text-center.pull-right-sm {padding-right: 0;} }
   @media screen and (min-width: 992px) {
-    .portfolio-projects--title {
-      margin-top: 15%;
-      font-size: 30px; }
+    .portfolio-projects .col-lg-6:first-child .portfolio-projects--title {font-size: 21px;margin-top:0rem;}
+    .portfolio-projects .col-lg-6:nth-child(2) .portfolio-projects--title {font-size: 21px;margin-top:-1.5rem;}
     #portfolio > div > div > div:nth-child(2) > div > div.col-sm-5.text-center.pull-right-sm > a:nth-child(4) {margin-left:-8px;}
     #portfolio > div > div > div:nth-child(2) > div > div.col-sm-5.text-center.pull-right-sm > a:nth-child(5) {margin-right:-8px;} }
   @media screen and (min-width: 1080px) {
-    .portfolio-projects--title {
-      margin-top: 24%;
-      font-size: 21px; }
+    .portfolio-projects .col-lg-6:first-child .portfolio-projects--title {font-size: 21px;margin-top:3.75rem;}
+    .portfolio-projects .col-lg-6:nth-child(2) .portfolio-projects--title {font-size: 21px;margin-top:1.125rem;}
     }
   @media screen and (min-width: 1200px) {
-    .portfolio-projects--title {
-      margin-top: 24%;
-      font-size: 24px; }
+    .portfolio-projects .col-lg-6:first-child .portfolio-projects--title {font-size: 24px;margin-top:2.5rem;}
+    .portfolio-projects .col-lg-6:nth-child(2) .portfolio-projects--title {font-size: 24px;margin-top:1.25rem;}
       .portfolio-projects--desc {
-      margin-top: 30px;
-      margin-bottom: 30px;
+      margin-top: 24px;
+      margin-bottom: 24px;
       font-size: 18px; }
     .portfolio-projects .col-lg-6 + .col-lg-6 + .col-lg-6 {margin-top:40px}
-    .portfolio-projects--btn {font-size: 18px;margin:0 8px;} }
+    .portfolio-projects--btn {font-size: 18px;margin:8px;} }
   @media screen and (min-width: 1366px) {
-    .portfolio-projects--title {margin-top:28%;}
+    .portfolio-projects .col-lg-6:first-child .portfolio-projects--title {margin-top:7.5rem;}
+    .portfolio-projects .col-lg-6:nth-child(2) .portfolio-projects--title {margin-top:6rem;}
   }
   @media (min-width: 1500px) {
-    .portfolio-projects--title {font-size: 28px;margin-top:31%;}
-    .portfolio-projects--btn {font-size: 21px}
+    .portfolio-projects .col-lg-6:first-child .portfolio-projects--title {font-size: 28px;margin-top:11rem;}
+    .portfolio-projects .col-lg-6:nth-child(2) .portfolio-projects--title {font-size: 28px;margin-top:9.5rem;}
+    .portfolio-projects--btn {font-size: 18px;}
   }
 
 #contact {
@@ -972,7 +971,8 @@
     color: white;
     margin-bottom: 15px;
 }
-
+.alert a {color: #fff;font-weight:bolder;padding-bottom:2px;margin-bottom:-2px;box-shadow: 0 2px}
+@media (max-width:1200px) {.alert {margin-top:3rem}}
 /* The close button */
 .closebtn {
     margin-left: 15px;