[tor-commits] [webwml/staging] make get-in-touch section responsive

[nima at torproject.org]

commit 7cecf080a12b5a9c42f5afb5112caf115b97a7b3
Author: MehrabKamrani <mk.zizou at gmail.com>
Date:   Sun Dec 20 07:27:13 2015 +0800

    make get-in-touch section responsive
---
 css/donate-style.css |   10 ++++++++++
 donate/en/donate.wml |    4 ++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/css/donate-style.css b/css/donate-style.css
index 741d3c5..1bd0eea 100644
--- a/css/donate-style.css
+++ b/css/donate-style.css
@@ -339,6 +339,16 @@ footer.footer{
 	.dsmall{
 		padding: 0 5%;
 	}
+	.title {
+	    min-height: auto;
+	    margin: 20px 8% 0;
+	    border-right: none;
+	    border-bottom: 2px solid #3D855B;
+	    padding: 0 0 10px;
+	}
+	.detail {
+	    margin: 10px 0 20px;
+	}
 
 }
 @media (max-width: 659px)  {
diff --git a/donate/en/donate.wml b/donate/en/donate.wml
index 68b3e36..4d00b5c 100644
--- a/donate/en/donate.wml
+++ b/donate/en/donate.wml
@@ -271,10 +271,10 @@
     <div class="get-in-touch">
       <div class="container">
         <div class="row">
-          <div class="col-xs-4">
+          <div class="col-sm-4">
             <h3 class="title"><strong>Get in touch.</strong></h3> 
           </div>
-          <div class="col-xs-8">
+          <div class="col-sm-8">
             <p class="detail">Contact us at donations at torproject.org for more donation details.</p>
           </div>
         </div>