2 files changed, 43 insertions, 11 deletions

diff --git a/website/static/css/base.css b/website/static/css/base.css
index e0dde7c..262604b 100755
--- a/website/static/css/base.css
+++ b/website/static/css/base.css
@@ -1,3 +1,19 @@
+.myIframe {
+position: relative;
+padding-bottom: 65.25%;
+padding-top: 30px;
+height: 0;
+overflow: auto; 
+-webkit-overflow-scrolling:touch; 
+} 
+.myIframe iframe {
+position: absolute;
+left: 0;
+right: 0;
+width: 100%;
+height: 100%;
+}
+
 
 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
   position: relative;
@@ -1770,14 +1786,14 @@ select[multiple].input-lg {
 }
 .navbar-inverse .navbar-nav > li > a:hover,
 .navbar-inverse .navbar-nav > li > a:focus {
-  color: #636363;
+  color: white;
   background-color: transparent;
 }
 .navbar-inverse .navbar-nav > .active > a,
 .navbar-inverse .navbar-nav > .active > a:hover,
 .navbar-inverse .navbar-nav > .active > a:focus {
   color: white;
-  background-color: #636363;
+  background-color: #D44727 ;
 }
 .navbar-inverse .navbar-nav > .disabled > a,
 .navbar-inverse .navbar-nav > .disabled > a:hover,
@@ -1845,6 +1861,7 @@ select[multiple].input-lg {
 
 #my_form input{
   width: 300px;
+  height:35px;
 }
 
 #my_form a{
diff --git a/website/static/css/main.css b/website/static/css/main.css
index 24ee442..4fee9fc 100755
--- a/website/static/css/main.css
+++ b/website/static/css/main.css
@@ -1628,7 +1628,7 @@
 		background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, #e37682 15%, #5f4d93 85%);
 		background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, #e37682 15%, #5f4d93 85%);
 		/*background-image: url("images/overlay.png"), linear-gradient(45deg, #e37682 15%, #5f4d93 85%);*/
-		background-image: url("images/overlay.png"), linear-gradient(45deg, #3a3a3b 15%, #F9896D 85%);
+		background-image: url("images/overlay.png"), linear-gradient(0deg, #3a3a3b 25%, #D44727 75%);
 	}
 
 		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
@@ -1690,11 +1690,13 @@
 		transition: color 0.2s ease, border-bottom 0.2s ease;
 		text-decoration: none;
 /*		border-bottom: dotted 1px;
-*/		color: blue;
+*/		color: #D44727;
 	}
 
 		a:hover {
 			border-bottom-color: transparent;
+			border-bottom: dotted 1px;
+
 		}
 
 	strong, b {
@@ -1706,7 +1708,7 @@
 	}
 
 	p {
-		margin: 0 0 2em 0;
+		margin: 0 0 .5em 0;
 	}
 
 		p.content {
@@ -2069,7 +2071,7 @@
 	input[type="text"],
 	input[type="password"],
 	input[type="email"],
-	select,
+	/*select,*/
 	textarea {
 		-moz-appearance: none;
 		-webkit-appearance: none;
@@ -2129,7 +2131,7 @@
 	input[type="password"],
 	input[type="email"],
 	select {
-		height: 2.75em;
+		/*height: 2.75em;*/
 	}
 
 	textarea {
@@ -2835,7 +2837,7 @@
 	}
 
 		.features li {
-			width: 20%;
+			/*width: 20%;*/
 			margin-left: 2em;
 		
 			padding: 0;
@@ -3378,7 +3380,8 @@
 		}
 
 		#main a:hover {
-			color: #636363;
+			color:#D44727;
+;
 		}
 
 		#main strong, #main b {
@@ -3478,13 +3481,24 @@
 			color: #636363;
 		}
 
-		#main input[type="text"],
+		#main input[type="text"]{
+			background: rgba(222, 222, 222, 0.25);
+			border-color: #dddddd;
+			width : 98%;
+		}
+		
+		#main select{
+			background: rgba(222, 222, 222, 0.25);
+			border-color: #dddddd;
+			width: 30%;
+
+		}
 		#main input[type="password"],
 		#main input[type="email"],
-		#main select,
 		#main textarea {
 			background: rgba(222, 222, 222, 0.25);
 			border-color: #dddddd;
+			width: 98%;
 		}
 
 			#main input[type="text"]:focus,
@@ -3579,6 +3593,7 @@
 			background-image: -webkit-linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0);
 			background-image: -ms-linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0);
 			background-image: linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0);
+
 		}
 
 		#main table tbody tr {