diff --git a/ivatar/ivataraccount/templates/choose_libravatar_export.html b/ivatar/ivataraccount/templates/choose_libravatar_export.html
index 9767377..3d1b7e1 100644
--- a/ivatar/ivataraccount/templates/choose_libravatar_export.html
+++ b/ivatar/ivataraccount/templates/choose_libravatar_export.html
@@ -7,20 +7,6 @@
 {% block content %}
 <style>
 input[type=checkbox] {display:none}
-input[type=checkbox].text + label {
-padding-left:0;
-font-weight:normal;
-}
-input[type=checkbox].text + label:before {
-font-family: FontAwesome;
-display: inline-block;
-letter-spacing:5px;
-font-size:20px;
-color:#36b7d7;
-vertical-align:middle;
-}
-input[type=checkbox].text + label:before {content: "\f0c8"}
-input[type=checkbox].text:checked + label:before {content: "\f14a"}
 input[type=checkbox].image + label:before {
 font-family: FontAwesome;
 display: inline-block;
@@ -36,7 +22,9 @@ input[type=checkbox].image:checked + label:before {letter-spacing: 3px}
       {% if emails %}
         <h4>{% trans 'Email addresses we found in the export - existing ones will not be re-added' %}</h4>
         {% for email in emails %}
-          <input type="checkbox" checked name="email_{{ forloop.counter }}" id="email_{{ forloop.counter }}" value="{{ email }}" class="text"><label for="email_{{ forloop.counter }}">{{ email }}</label><br/>
+        <div class="checkbox">
+          <input type="checkbox" checked name="email_{{ forloop.counter }}" id="email_{{ forloop.counter }}" value="{{ email }}" class="text"><label for="email_{{ forloop.counter }}">{{ email }}</label>
+          </div>
         {% endfor %}
       {% endif %}
       {% if photos %}
diff --git a/ivatar/ivataraccount/templates/crop_photo.html b/ivatar/ivataraccount/templates/crop_photo.html
index 822222d..f2b1f82 100644
--- a/ivatar/ivataraccount/templates/crop_photo.html
+++ b/ivatar/ivataraccount/templates/crop_photo.html
@@ -8,11 +8,7 @@
 
 {% block content %}
 <style>
-.jcrop-holder > div > div:nth-child(1) {
-outline-width:2px;
-outline-style:solid;
-outline-color:#36b7d7;
-}
+
 </style>
 <h1>{% trans 'Crop photo' %}</h1>
 
diff --git a/ivatar/ivataraccount/templates/preferences.html b/ivatar/ivataraccount/templates/preferences.html
index 6ae32f0..43469f0 100644
--- a/ivatar/ivataraccount/templates/preferences.html
+++ b/ivatar/ivataraccount/templates/preferences.html
@@ -5,22 +5,6 @@
 {% block title %}{% trans 'Your Preferences' %}{% endblock title %}
 
 {% block content %}
-<style>
-input[type=radio] {display:none}
-input[type=radio] + label {
-padding-left:0;
-}
-input[type=radio] + label:before {
-font-family: FontAwesome;
-display: inline-block;
-letter-spacing:5px;
-font-size:20px;
-color:#36b7d7;
-vertical-align:middle;
-}
-input[type=radio] + label:before {content: "\f10c"}
-input[type=radio]:checked + label:before {content: "\f192"}
-</style>
 <h1>{% trans 'Account settings' %}</h1>
 
 <p>
diff --git a/ivatar/ivataraccount/templates/upload_libravatar_export.html b/ivatar/ivataraccount/templates/upload_libravatar_export.html
index c75a1ab..1886a5c 100644
--- a/ivatar/ivataraccount/templates/upload_libravatar_export.html
+++ b/ivatar/ivataraccount/templates/upload_libravatar_export.html
@@ -5,30 +5,6 @@
 {% block title %}{% trans 'Upload an export from libravatar' %} - ivatar{% endblock title %}
 
 {% block content %}
-<style>
-input[type=checkbox] {display:none}
-input[type=checkbox] + label {
-padding-left:0;
-}
-input[type=checkbox] + label:before {
-font-family: FontAwesome;
-display: inline-block;
-letter-spacing:5px;
-font-size:20px;
-color:#36b7d7;
-vertical-align:middle;
-}
-input[type=checkbox] + label:before {content: "\f0c8"}
-input[type=checkbox]:checked + label:before {content: "\f14a"}
-.uploadbtn:before {
-position:absolute;
-left:0;
-right:0;
-text-align:center;
-content:"Select file";
-font-family: 'Montserrat', sans-serif;
-}
-</style>
   <h1>{% trans 'Upload an export from libravatar' %}</h1>
 
     <form enctype="multipart/form-data" method="post">
diff --git a/ivatar/ivataraccount/templates/upload_photo.html b/ivatar/ivataraccount/templates/upload_photo.html
index c4a6e8b..4eb3e7b 100644
--- a/ivatar/ivataraccount/templates/upload_photo.html
+++ b/ivatar/ivataraccount/templates/upload_photo.html
@@ -8,30 +8,6 @@
 <link rel="prefetch" href="{% static '/js/jcrop.js' %}">{% endblock header %}
 
 {% block content %}
-<style>
-input[type=checkbox] {display:none}
-input[type=checkbox] + label {
-padding-left:0;
-}
-input[type=checkbox] + label:before {
-font-family: FontAwesome;
-display: inline-block;
-letter-spacing:5px;
-font-size:20px;
-color:#36b7d7;
-vertical-align:middle;
-}
-input[type=checkbox] + label:before {content: "\f0c8"}
-input[type=checkbox]:checked + label:before {content: "\f14a"}
-.uploadbtn:before {
-position:absolute;
-left:0;
-right:0;
-text-align:center;
-content:"Select file";
-font-family: 'Montserrat', sans-serif;
-}
-</style>
   <h1>{% trans 'Upload a new photo' %}</h1>
 
   <form enctype="multipart/form-data" action="{% url 'upload_photo' %}" method="post">{% csrf_token %}
diff --git a/ivatar/static/css/green.css b/ivatar/static/css/green.css
index c643f9c..b826a98 100644
--- a/ivatar/static/css/green.css
+++ b/ivatar/static/css/green.css
@@ -1,349 +1 @@
-body {
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
-  color: #525252;
-}
-.btn {
-  border-bottom-width: 3px;
-  box-sizing: border-box;
-  font-family: 'Montserrat', sans-serif;
-  text-transform: uppercase;
-  background: #3aa850;
-  overflow: hidden;
-  position: relative;
-  -webkit-transition: all 0.3s;
-  -moz-transition: all 0.3s;
-  -ms-transition: all 0.3s;
-  transition: all 0.3s;
-}
-.btn.btn-default {
-  color: #52c368;
-  border-color: #52c368;
-  background: none;
-}
-.btn.btn-primary {
-  border-color: #266f35;
-}
-.btn:hover,
-.btn:active,
-.btn:focus {
-  background: none;
-  border-color: #2d823e;
-  color: #2d823e;
-}
-.btn:hover:after,
-.btn:active:after,
-.btn:focus:after {
-  top: 50%;
-}
-.btn:after {
-  content: '';
-  position: absolute;
-  z-index: -1;
-  width: 150%;
-  height: 200%;
-  top: -190%;
-  left: 50%;
-  background: #78d089;
-  -webkit-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);
-  -moz-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);
-  -ms-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);
-  transform: translateX(-50%) translateY(-50%) skew(0, 5deg);
-  -webkit-transition: all 0.5s ease-out;
-  -moz-transition: all 0.5s ease-out;
-  -ms-transition: all 0.5s ease-out;
-  transition: all 0.5s ease-out;
-}
-.btn.btn-block:after {
-  height: 250%;
-  width: 200%;
-  -webkit-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);
-  -moz-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);
-  -ms-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);
-  transform: translateX(-50%) translateY(-50%) skew(0, 2deg);
-}
-.hero {
-  background-color: #3aa850;
-  color: #fff;
-  padding: 90px 0 40px;
-}
-.hero h1 {
-  font-weight: 600;
-  font-size: 6em;
-  color: rgba(255, 255, 255, 0.5);
-}
-.hero h2 {
-  font-weight: 200;
-  font-size: 30px;
-  margin-bottom: 30px;
-}
-.hero small {
-  color: rgba(0, 0, 0, 0.4);
-}
-.hero .btn {
-  display: inline-block;
-}
-.hero .btn.btn-default {
-  color: #7fd390;
-  border-color: #7fd390;
-  background: none;
-}
-.hero .btn.btn-primary {
-  border-color: #fff;
-}
-.hero .btn:hover,
-.hero .btn:active,
-.hero .btn:focus {
-  border-color: #fff;
-  color: #205c2c;
-}
-.hero .btn:after {
-  background: rgba(255, 255, 255, 0.5);
-}
-.hero .container {
-  position: relative;
-  z-index: 10;
-}
-.social {
-  background-color: #3aa850;
-  padding: 30px 0 140px;
-}
-.social ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.social ul li {
-  float: left;
-  margin-right: 15px;
-  width: 100px;
-}
-.clipper,
-.clipper-footer {
-  background-color: #fff;
-  height: 110px;
-  width: 100%;
-  position: relative;
-  top: -40px;
-  -webkit-transform: skew(0, 2deg);
-  -moz-transform: skew(0, 2deg);
-  -ms-transform: skew(0, 2deg);
-  transform: skew(0, 2deg);
-  pointer-events: none;
-  z-index: 1;
-}
-.clipper-footer {
-  top: 0;
-}
-section.content {
-  position: relative;
-  top: -100px;
-  margin-bottom: -100px;
-  z-index: 10;
-}
-section.content h1,
-section.content h2,
-section.content h3,
-section.content h4,
-section.content h5,
-section.content h6 {
-  color: #2d823e;
-}
-section.content h2 {
-  font-weight: 200;
-  font-size: 40px;
-}
-section.content section {
-  margin-bottom: 20px;
-  margin-top: 20px;
-}
-section.content .container > hr {
-  -webkit-transform: skew(0, 2deg);
-  -moz-transform: skew(0, 2deg);
-  -ms-transform: skew(0, 2deg);
-  transform: skew(0, 2deg);
-  margin-top: 80px;
-  margin-bottom: 40px;
-}
-footer {
-  background-color: #dddddd;
-  color: #888888;
-  padding: 100px 0 40px;
-  margin-top: -40px;
-}
-footer .pull-left {
-  margin-right: 20px;
-}
-footer .logo {
-  float: left;
-  display: inline-block;
-  margin-right: 5px;
-  margin-top: -8px;
-}
-footer .logo .circle {
-  stroke: #888888;
-  stroke-width: 7;
-  fill: none;
-}
-footer .logo .polygon {
-  fill: #888888;
-}
-@media (max-width: 768px) {
-  .hero {
-    padding: 50px 0 30px;
-  }
-  .hero h1 {
-    font-size: 4em;
-  }
-  .social {
-    padding: 30px 0 100px;
-  }
-  .btn {
-    margin-bottom: 5px;
-  }
-  section.content section {
-    margin-bottom: 50px;
-  }
-}
-.color {
-  display: inline-block;
-  border-radius: 50%;
-  height: 20px;
-  width: 20px;
-}
-.color.blue {
-  background-color: #36b7d7;
-}
-.color.green {
-  background-color: #3aa850;
-}
-.color.red {
-  background-color: #f7645e;
-}
-.color.black {
-  background-color: #525252;
-}
-.navbar-tortin {
-  border: 0;
-  background-color: #3aa850;
-  color: #FFFFFF;
-  border-radius: 0;
-}
-.form-control {
-  border-bottom-width: 3px;
-  box-sizing: border-box;
-  font-family: 'Montserrat', sans-serif;
-  overflow: hidden;
-  position: relative;
-  -webkit-transition: all 0.3s;
-  -moz-transition: all 0.3s;
-  -ms-transition: all 0.3s;
-  transition: all 0.3s;
-  border-color: #52c368;
-  background: none;
-}
-.form-control:focus {
-  border-color: #2d823e;
-  box-shadow: none;
-}
-.navbar-tortin .navbar-brand,
-.navbar-tortin .navbar-text,
-.navbar-tortin .navbar-nav > li > a,
-.navbar-tortin .navbar-link,
-.navbar-tortin .btn-link {
-  color: #FFFFFF;
-}
-.navbar-tortin .navbar-nav > .active > a,
-.navbar-tortin .navbar-nav > .active > a:focus,
-.navbar-tortin .navbar-nav > .active > a:hover,
-.navbar-tortin .navbar-nav > li > a:focus,
-.navbar-tortin .navbar-nav > li > a:hover,
-.navbar-tortin .navbar-link:hover,
-.navbar-tortin .btn-link:focus,
-.navbar-tortin .btn-link:hover,
-.navbar-tortin .navbar-nav > .open > a,
-.navbar-tortin .navbar-nav > .open > a:focus,
-.navbar-tortin .navbar-nav > .open > a:hover {
-  background-color: #2d823e;
-}
-.navbar-tortin .navbar-toggle {
-  border-color: #FFFFFF;
-}
-.navbar-tortin .navbar-toggle:hover {
-  background-color: #FFFFFF;
-}
-.navbar-tortin .navbar-toggle .icon-bar {
-  background-color: #FFFFFF;
-}
-.navbar-tortin .navbar-toggle:hover .icon-bar {
-  background-color: #3aa850;
-}
-.navbar-tortin .navbar-collapse,
-.navbar-tortin .navbar-form {
-  border: 0;
-}
-.dropdown-menu {
-  background-color: #3aa850;
-  border: 1px solid #2d823e;
-}
-.dropdown-menu > li > a {
-  color: #FFFFFF;
-}
-.dropdown-menu > li > a:focus,
-.dropdown-menu > li > a:hover {
-  background-color: #2d823e;
-  color: #FFFFFF;
-}
-@media (max-width: 767px) {
-  .navbar-tortin .navbar-nav .open .dropdown-menu > li > a {
-    color: #FFFFFF;
-  }
-  .navbar-tortin .navbar-nav .open .dropdown-menu > li > a:hover {
-    background-color: #2d823e;
-  }
-  .navbar-tortin .navbar-nav .open .dropdown-menu > .active > a,
-  .navbar-tortin .navbar-nav .open .dropdown-menu > .active > a:focus,
-  .navbar-tortin .navbar-nav .open .dropdown-menu > .active > a:hover {
-    background-color: #2d823e;
-  }
-}
-.panel-tortin {
-  border-color: #3aa850;
-  border-bottom-width: 3px;
-}
-.panel-tortin > .panel-heading {
-  color: #fff;
-  background-color: #3aa850;
-  border-color: #3aa850;
-  font-family: 'Montserrat', sans-serif;
-}
-.panel-tortin > .panel-heading + .panel-collapse > .panel-body {
-  border-top-color: #3aa850;
-}
-.panel-tortin > .panel-heading .badge {
-  color: #3aa850;
-  background-color: #fff;
-}
-.panel-tortin > .panel-footer + .panel-collapse > .panel-body {
-  border-bottom-color: #3aa850;
-}
-.alert.alert-danger {
-  background-color: #FFFFFF;
-  color: #f7645e;
-  border-color: #f7645e;
-  border-bottom-width: 3px;
-  box-sizing: border-box;
-  font-family: 'Montserrat', sans-serif;
-  overflow: hidden;
-  position: relative;
-}
-.input-group-addon {
-  border-bottom-width: 3px;
-  box-sizing: border-box;
-  font-family: 'Montserrat', sans-serif;
-  overflow: hidden;
-  position: relative;
-  border-color: #52c368;
-  background: none;
-  width: auto;
-  height: 36px;
-}
+body {font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;color: #525252;}.btn {border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;text-transform: uppercase;background: #3aa850;overflow: hidden;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}.btn.btn-default {color: #52c368;border-color: #52c368;background: none;}.btn.btn-primary {border-color: #266f35;}.btn:hover, .btn:active, .btn:focus {background: none;border-color: #2d823e;color: #2d823e;}.btn:hover:after, .btn:active:after, .btn:focus:after {top: 50%;}.btn:after {content: '';position: absolute;z-index: -1;width: 150%;height: 200%;top: -190%;left: 50%;background: #78d089;-webkit-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);-moz-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);-ms-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);transform: translateX(-50%) translateY(-50%) skew(0, 5deg);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}.btn.btn-block:after {height: 250%;width: 200%;-webkit-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);-moz-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);-ms-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);transform: translateX(-50%) translateY(-50%) skew(0, 2deg);}.hero {background-color: #3aa850;color: #fff;padding: 90px 0 40px;}.hero h1 {font-weight: 600;font-size: 6em;color: rgba(255, 255, 255, 0.5);}.hero h2 {font-weight: 200;font-size: 30px;margin-bottom: 30px;}.hero small {color: rgba(0, 0, 0, 0.4);}.hero .btn {display: inline-block;}.hero .btn.btn-default {color: #7fd390;border-color: #7fd390;background: none;}.hero .btn.btn-primary {border-color: #fff;}.hero .btn:hover, .hero .btn:active, .hero .btn:focus {border-color: #fff;color: #205c2c;}.hero .btn:after {background: rgba(255, 255, 255, 0.5);}.hero .container {position: relative;z-index: 10;}.social {background-color: #3aa850;padding: 30px 0 140px;}.social ul {list-style: none;padding: 0;margin: 0;}.social ul li {float: left;margin-right: 15px;width: 100px;}.clipper, .clipper-footer {background-color: #fff;height: 110px;width: 100%;position: relative;top: -40px;-webkit-transform: skew(0, 2deg);-moz-transform: skew(0, 2deg);-ms-transform: skew(0, 2deg);transform: skew(0, 2deg);pointer-events: none;z-index: 1;}.clipper-footer {top: 0;}section.content {position: relative;top: -100px;margin-bottom: -100px;z-index: 10;}section.content h1, section.content h2, section.content h3, section.content h4, section.content h5, section.content h6 {color: #2d823e;}section.content h2 {font-weight: 200;font-size: 40px;}section.content section {margin-bottom: 20px;margin-top: 20px;}section.content .container > hr {-webkit-transform: skew(0, 2deg);-moz-transform: skew(0, 2deg);-ms-transform: skew(0, 2deg);transform: skew(0, 2deg);margin-top: 80px;margin-bottom: 40px;}footer {background-color: #dddddd;color: #888888;padding: 100px 0 40px;margin-top: -40px;}footer .pull-left {margin-right: 20px;}footer .logo {float: left;display: inline-block;margin-right: 5px;margin-top: -8px;}footer .logo .circle {stroke: #888888;stroke-width: 7;fill: none;}footer .logo .polygon {fill: #888888;}@media (max-width: 768px) {.hero {padding: 50px 0 30px;}.hero h1 {font-size: 4em;}.social {padding: 30px 0 100px;}.btn {margin-bottom: 5px;}section.content section {margin-bottom: 50px;}}.color {display: inline-block;border-radius: 50%;height: 20px;width: 20px;}.color.blue {background-color: #36b7d7;}.color.green {background-color: #3aa850;}.color.red {background-color: #f7645e;}.color.black {background-color: #525252;}.navbar-tortin {border: 0;background-color: #3aa850;color: #FFFFFF;border-radius: 0;}.form-control {border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;overflow: hidden;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;border-color: #52c368;background: none;}.form-control:focus {border-color: #2d823e;box-shadow: none;}.navbar-tortin .navbar-brand, .navbar-tortin .navbar-text, .navbar-tortin .navbar-nav > li > a, .navbar-tortin .navbar-link, .navbar-tortin .btn-link {color: #FFFFFF;}.navbar-tortin .navbar-nav > .active > a, .navbar-tortin .navbar-nav > .active > a:focus, .navbar-tortin .navbar-nav > .active > a:hover, .navbar-tortin .navbar-nav > li > a:focus, .navbar-tortin .navbar-nav > li > a:hover, .navbar-tortin .navbar-link:hover, .navbar-tortin .btn-link:focus, .navbar-tortin .btn-link:hover, .navbar-tortin .navbar-nav > .open > a, .navbar-tortin .navbar-nav > .open > a:focus, .navbar-tortin .navbar-nav > .open > a:hover {background-color: #2d823e;}.navbar-tortin .navbar-toggle {border-color: #FFFFFF;}.navbar-tortin .navbar-toggle:hover {background-color: #FFFFFF;}.navbar-tortin .navbar-toggle .icon-bar {background-color: #FFFFFF;}.navbar-tortin .navbar-toggle:hover .icon-bar {background-color: #3aa850;}.navbar-tortin .navbar-collapse, .navbar-tortin .navbar-form {border: 0;}.dropdown-menu {background-color: #3aa850;border: 1px solid #2d823e;}.dropdown-menu > li > a {color: #FFFFFF;}.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color: #2d823e;color: #FFFFFF;}.checkbox input, .radio input {display: none;}.checkbox input + label, .radio input + label {padding-left: 0;}.checkbox input + label:before, .radio input + label:before {font-family: FontAwesome;display: inline-block;letter-spacing: 5px;font-size: 20px;color: #3aa850;vertical-align: middle;}.checkbox input + label:before {content: "\f0c8";}.checkbox input:checked + label:before {content: "\f14a";}.radio input + label:before {content: "\f10c";}.radio input:checked + label:before {content: "\f192";}.uploadbtn:before {position: absolute;left: 0;right: 0;text-align: center;content: "Select file";font-family: 'Montserrat', sans-serif;}.jcrop-holder > div > div:nth-child(1) {outline-width: 2px;outline-style: solid;outline-color: #3aa850;}@media (max-width: 767px) {.navbar-tortin .navbar-nav .open .dropdown-menu > li > a {color: #FFFFFF;}.navbar-tortin .navbar-nav .open .dropdown-menu > li > a:hover {background-color: #2d823e;}.navbar-tortin .navbar-nav .open .dropdown-menu > .active > a, .navbar-tortin .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-tortin .navbar-nav .open .dropdown-menu > .active > a:hover {background-color: #2d823e;}}.panel-tortin {border-color: #3aa850;border-bottom-width: 3px;}.panel-tortin > .panel-heading {color: #fff;background-color: #3aa850;border-color: #3aa850;font-family: 'Montserrat', sans-serif;}.panel-tortin > .panel-heading + .panel-collapse > .panel-body {border-top-color: #3aa850;}.panel-tortin > .panel-heading .badge {color: #3aa850;background-color: #fff;}.panel-tortin > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #3aa850;}.alert.alert-danger {background-color: #FFFFFF;color: #f7645e;border-color: #f7645e;border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;overflow: hidden;position: relative;}.input-group-addon {border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;overflow: hidden;position: relative;border-color: #52c368;background: none;width: auto;height: 36px;}
\ No newline at end of file
diff --git a/ivatar/static/css/red.css b/ivatar/static/css/red.css
index ddeed1e..0bb7e22 100644
--- a/ivatar/static/css/red.css
+++ b/ivatar/static/css/red.css
@@ -1,349 +1 @@
-body {
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
-  color: #525252;
-}
-.btn {
-  border-bottom-width: 3px;
-  box-sizing: border-box;
-  font-family: 'Montserrat', sans-serif;
-  text-transform: uppercase;
-  background: #f7645e;
-  overflow: hidden;
-  position: relative;
-  -webkit-transition: all 0.3s;
-  -moz-transition: all 0.3s;
-  -ms-transition: all 0.3s;
-  transition: all 0.3s;
-}
-.btn.btn-default {
-  color: #f9938f;
-  border-color: #f9938f;
-  background: none;
-}
-.btn.btn-primary {
-  border-color: #f31e15;
-}
-.btn:hover,
-.btn:active,
-.btn:focus {
-  background: none;
-  border-color: #f5352d;
-  color: #f5352d;
-}
-.btn:hover:after,
-.btn:active:after,
-.btn:focus:after {
-  top: 50%;
-}
-.btn:after {
-  content: '';
-  position: absolute;
-  z-index: -1;
-  width: 150%;
-  height: 200%;
-  top: -190%;
-  left: 50%;
-  background: #fcc2bf;
-  -webkit-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);
-  -moz-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);
-  -ms-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);
-  transform: translateX(-50%) translateY(-50%) skew(0, 5deg);
-  -webkit-transition: all 0.5s ease-out;
-  -moz-transition: all 0.5s ease-out;
-  -ms-transition: all 0.5s ease-out;
-  transition: all 0.5s ease-out;
-}
-.btn.btn-block:after {
-  height: 250%;
-  width: 200%;
-  -webkit-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);
-  -moz-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);
-  -ms-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);
-  transform: translateX(-50%) translateY(-50%) skew(0, 2deg);
-}
-.hero {
-  background-color: #f7645e;
-  color: #fff;
-  padding: 90px 0 40px;
-}
-.hero h1 {
-  font-weight: 600;
-  font-size: 6em;
-  color: rgba(255, 255, 255, 0.5);
-}
-.hero h2 {
-  font-weight: 200;
-  font-size: 30px;
-  margin-bottom: 30px;
-}
-.hero small {
-  color: rgba(0, 0, 0, 0.4);
-}
-.hero .btn {
-  display: inline-block;
-}
-.hero .btn.btn-default {
-  color: #fccbc9;
-  border-color: #fccbc9;
-  background: none;
-}
-.hero .btn.btn-primary {
-  border-color: #fff;
-}
-.hero .btn:hover,
-.hero .btn:active,
-.hero .btn:focus {
-  border-color: #fff;
-  color: #e4140b;
-}
-.hero .btn:after {
-  background: rgba(255, 255, 255, 0.5);
-}
-.hero .container {
-  position: relative;
-  z-index: 10;
-}
-.social {
-  background-color: #f7645e;
-  padding: 30px 0 140px;
-}
-.social ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.social ul li {
-  float: left;
-  margin-right: 15px;
-  width: 100px;
-}
-.clipper,
-.clipper-footer {
-  background-color: #fff;
-  height: 110px;
-  width: 100%;
-  position: relative;
-  top: -40px;
-  -webkit-transform: skew(0, 2deg);
-  -moz-transform: skew(0, 2deg);
-  -ms-transform: skew(0, 2deg);
-  transform: skew(0, 2deg);
-  pointer-events: none;
-  z-index: 1;
-}
-.clipper-footer {
-  top: 0;
-}
-section.content {
-  position: relative;
-  top: -100px;
-  margin-bottom: -100px;
-  z-index: 10;
-}
-section.content h1,
-section.content h2,
-section.content h3,
-section.content h4,
-section.content h5,
-section.content h6 {
-  color: #f5352d;
-}
-section.content h2 {
-  font-weight: 200;
-  font-size: 40px;
-}
-section.content section {
-  margin-bottom: 20px;
-  margin-top: 20px;
-}
-section.content .container > hr {
-  -webkit-transform: skew(0, 2deg);
-  -moz-transform: skew(0, 2deg);
-  -ms-transform: skew(0, 2deg);
-  transform: skew(0, 2deg);
-  margin-top: 80px;
-  margin-bottom: 40px;
-}
-footer {
-  background-color: #dddddd;
-  color: #888888;
-  padding: 100px 0 40px;
-  margin-top: -40px;
-}
-footer .pull-left {
-  margin-right: 20px;
-}
-footer .logo {
-  float: left;
-  display: inline-block;
-  margin-right: 5px;
-  margin-top: -8px;
-}
-footer .logo .circle {
-  stroke: #888888;
-  stroke-width: 7;
-  fill: none;
-}
-footer .logo .polygon {
-  fill: #888888;
-}
-@media (max-width: 768px) {
-  .hero {
-    padding: 50px 0 30px;
-  }
-  .hero h1 {
-    font-size: 4em;
-  }
-  .social {
-    padding: 30px 0 100px;
-  }
-  .btn {
-    margin-bottom: 5px;
-  }
-  section.content section {
-    margin-bottom: 50px;
-  }
-}
-.color {
-  display: inline-block;
-  border-radius: 50%;
-  height: 20px;
-  width: 20px;
-}
-.color.blue {
-  background-color: #36b7d7;
-}
-.color.green {
-  background-color: #3aa850;
-}
-.color.red {
-  background-color: #f7645e;
-}
-.color.black {
-  background-color: #525252;
-}
-.navbar-tortin {
-  border: 0;
-  background-color: #f7645e;
-  color: #FFFFFF;
-  border-radius: 0;
-}
-.form-control {
-  border-bottom-width: 3px;
-  box-sizing: border-box;
-  font-family: 'Montserrat', sans-serif;
-  overflow: hidden;
-  position: relative;
-  -webkit-transition: all 0.3s;
-  -moz-transition: all 0.3s;
-  -ms-transition: all 0.3s;
-  transition: all 0.3s;
-  border-color: #f9938f;
-  background: none;
-}
-.form-control:focus {
-  border-color: #f5352d;
-  box-shadow: none;
-}
-.navbar-tortin .navbar-brand,
-.navbar-tortin .navbar-text,
-.navbar-tortin .navbar-nav > li > a,
-.navbar-tortin .navbar-link,
-.navbar-tortin .btn-link {
-  color: #FFFFFF;
-}
-.navbar-tortin .navbar-nav > .active > a,
-.navbar-tortin .navbar-nav > .active > a:focus,
-.navbar-tortin .navbar-nav > .active > a:hover,
-.navbar-tortin .navbar-nav > li > a:focus,
-.navbar-tortin .navbar-nav > li > a:hover,
-.navbar-tortin .navbar-link:hover,
-.navbar-tortin .btn-link:focus,
-.navbar-tortin .btn-link:hover,
-.navbar-tortin .navbar-nav > .open > a,
-.navbar-tortin .navbar-nav > .open > a:focus,
-.navbar-tortin .navbar-nav > .open > a:hover {
-  background-color: #f5352d;
-}
-.navbar-tortin .navbar-toggle {
-  border-color: #FFFFFF;
-}
-.navbar-tortin .navbar-toggle:hover {
-  background-color: #FFFFFF;
-}
-.navbar-tortin .navbar-toggle .icon-bar {
-  background-color: #FFFFFF;
-}
-.navbar-tortin .navbar-toggle:hover .icon-bar {
-  background-color: #f7645e;
-}
-.navbar-tortin .navbar-collapse,
-.navbar-tortin .navbar-form {
-  border: 0;
-}
-.dropdown-menu {
-  background-color: #f7645e;
-  border: 1px solid #f5352d;
-}
-.dropdown-menu > li > a {
-  color: #FFFFFF;
-}
-.dropdown-menu > li > a:focus,
-.dropdown-menu > li > a:hover {
-  background-color: #f5352d;
-  color: #FFFFFF;
-}
-@media (max-width: 767px) {
-  .navbar-tortin .navbar-nav .open .dropdown-menu > li > a {
-    color: #FFFFFF;
-  }
-  .navbar-tortin .navbar-nav .open .dropdown-menu > li > a:hover {
-    background-color: #f5352d;
-  }
-  .navbar-tortin .navbar-nav .open .dropdown-menu > .active > a,
-  .navbar-tortin .navbar-nav .open .dropdown-menu > .active > a:focus,
-  .navbar-tortin .navbar-nav .open .dropdown-menu > .active > a:hover {
-    background-color: #f5352d;
-  }
-}
-.panel-tortin {
-  border-color: #f7645e;
-  border-bottom-width: 3px;
-}
-.panel-tortin > .panel-heading {
-  color: #fff;
-  background-color: #f7645e;
-  border-color: #f7645e;
-  font-family: 'Montserrat', sans-serif;
-}
-.panel-tortin > .panel-heading + .panel-collapse > .panel-body {
-  border-top-color: #f7645e;
-}
-.panel-tortin > .panel-heading .badge {
-  color: #f7645e;
-  background-color: #fff;
-}
-.panel-tortin > .panel-footer + .panel-collapse > .panel-body {
-  border-bottom-color: #f7645e;
-}
-.alert.alert-danger {
-  background-color: #FFFFFF;
-  color: #f7645e;
-  border-color: #f7645e;
-  border-bottom-width: 3px;
-  box-sizing: border-box;
-  font-family: 'Montserrat', sans-serif;
-  overflow: hidden;
-  position: relative;
-}
-.input-group-addon {
-  border-bottom-width: 3px;
-  box-sizing: border-box;
-  font-family: 'Montserrat', sans-serif;
-  overflow: hidden;
-  position: relative;
-  border-color: #f9938f;
-  background: none;
-  width: auto;
-  height: 36px;
-}
+body {font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;color: #525252;}.btn {border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;text-transform: uppercase;background: #f7645e;overflow: hidden;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}.btn.btn-default {color: #f9938f;border-color: #f9938f;background: none;}.btn.btn-primary {border-color: #f31e15;}.btn:hover, .btn:active, .btn:focus {background: none;border-color: #f5352d;color: #f5352d;}.btn:hover:after, .btn:active:after, .btn:focus:after {top: 50%;}.btn:after {content: '';position: absolute;z-index: -1;width: 150%;height: 200%;top: -190%;left: 50%;background: #fcc2bf;-webkit-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);-moz-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);-ms-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);transform: translateX(-50%) translateY(-50%) skew(0, 5deg);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}.btn.btn-block:after {height: 250%;width: 200%;-webkit-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);-moz-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);-ms-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);transform: translateX(-50%) translateY(-50%) skew(0, 2deg);}.hero {background-color: #f7645e;color: #fff;padding: 90px 0 40px;}.hero h1 {font-weight: 600;font-size: 6em;color: rgba(255, 255, 255, 0.5);}.hero h2 {font-weight: 200;font-size: 30px;margin-bottom: 30px;}.hero small {color: rgba(0, 0, 0, 0.4);}.hero .btn {display: inline-block;}.hero .btn.btn-default {color: #fccbc9;border-color: #fccbc9;background: none;}.hero .btn.btn-primary {border-color: #fff;}.hero .btn:hover, .hero .btn:active, .hero .btn:focus {border-color: #fff;color: #e4140b;}.hero .btn:after {background: rgba(255, 255, 255, 0.5);}.hero .container {position: relative;z-index: 10;}.social {background-color: #f7645e;padding: 30px 0 140px;}.social ul {list-style: none;padding: 0;margin: 0;}.social ul li {float: left;margin-right: 15px;width: 100px;}.clipper, .clipper-footer {background-color: #fff;height: 110px;width: 100%;position: relative;top: -40px;-webkit-transform: skew(0, 2deg);-moz-transform: skew(0, 2deg);-ms-transform: skew(0, 2deg);transform: skew(0, 2deg);pointer-events: none;z-index: 1;}.clipper-footer {top: 0;}section.content {position: relative;top: -100px;margin-bottom: -100px;z-index: 10;}section.content h1, section.content h2, section.content h3, section.content h4, section.content h5, section.content h6 {color: #f5352d;}section.content h2 {font-weight: 200;font-size: 40px;}section.content section {margin-bottom: 20px;margin-top: 20px;}section.content .container > hr {-webkit-transform: skew(0, 2deg);-moz-transform: skew(0, 2deg);-ms-transform: skew(0, 2deg);transform: skew(0, 2deg);margin-top: 80px;margin-bottom: 40px;}footer {background-color: #dddddd;color: #888888;padding: 100px 0 40px;margin-top: -40px;}footer .pull-left {margin-right: 20px;}footer .logo {float: left;display: inline-block;margin-right: 5px;margin-top: -8px;}footer .logo .circle {stroke: #888888;stroke-width: 7;fill: none;}footer .logo .polygon {fill: #888888;}@media (max-width: 768px) {.hero {padding: 50px 0 30px;}.hero h1 {font-size: 4em;}.social {padding: 30px 0 100px;}.btn {margin-bottom: 5px;}section.content section {margin-bottom: 50px;}}.color {display: inline-block;border-radius: 50%;height: 20px;width: 20px;}.color.blue {background-color: #36b7d7;}.color.green {background-color: #3aa850;}.color.red {background-color: #f7645e;}.color.black {background-color: #525252;}.navbar-tortin {border: 0;background-color: #f7645e;color: #FFFFFF;border-radius: 0;}.form-control {border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;overflow: hidden;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;border-color: #f9938f;background: none;}.form-control:focus {border-color: #f5352d;box-shadow: none;}.navbar-tortin .navbar-brand, .navbar-tortin .navbar-text, .navbar-tortin .navbar-nav > li > a, .navbar-tortin .navbar-link, .navbar-tortin .btn-link {color: #FFFFFF;}.navbar-tortin .navbar-nav > .active > a, .navbar-tortin .navbar-nav > .active > a:focus, .navbar-tortin .navbar-nav > .active > a:hover, .navbar-tortin .navbar-nav > li > a:focus, .navbar-tortin .navbar-nav > li > a:hover, .navbar-tortin .navbar-link:hover, .navbar-tortin .btn-link:focus, .navbar-tortin .btn-link:hover, .navbar-tortin .navbar-nav > .open > a, .navbar-tortin .navbar-nav > .open > a:focus, .navbar-tortin .navbar-nav > .open > a:hover {background-color: #f5352d;}.navbar-tortin .navbar-toggle {border-color: #FFFFFF;}.navbar-tortin .navbar-toggle:hover {background-color: #FFFFFF;}.navbar-tortin .navbar-toggle .icon-bar {background-color: #FFFFFF;}.navbar-tortin .navbar-toggle:hover .icon-bar {background-color: #f7645e;}.navbar-tortin .navbar-collapse, .navbar-tortin .navbar-form {border: 0;}.dropdown-menu {background-color: #f7645e;border: 1px solid #f5352d;}.dropdown-menu > li > a {color: #FFFFFF;}.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color: #f5352d;color: #FFFFFF;}.checkbox input, .radio input {display: none;}.checkbox input + label, .radio input + label {padding-left: 0;}.checkbox input + label:before, .radio input + label:before {font-family: FontAwesome;display: inline-block;letter-spacing: 5px;font-size: 20px;color: #f7645e;vertical-align: middle;}.checkbox input + label:before {content: "\f0c8";}.checkbox input:checked + label:before {content: "\f14a";}.radio input + label:before {content: "\f10c";}.radio input:checked + label:before {content: "\f192";}.uploadbtn:before {position: absolute;left: 0;right: 0;text-align: center;content: "Select file";font-family: 'Montserrat', sans-serif;}.jcrop-holder > div > div:nth-child(1) {outline-width: 2px;outline-style: solid;outline-color: #f7645e;}@media (max-width: 767px) {.navbar-tortin .navbar-nav .open .dropdown-menu > li > a {color: #FFFFFF;}.navbar-tortin .navbar-nav .open .dropdown-menu > li > a:hover {background-color: #f5352d;}.navbar-tortin .navbar-nav .open .dropdown-menu > .active > a, .navbar-tortin .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-tortin .navbar-nav .open .dropdown-menu > .active > a:hover {background-color: #f5352d;}}.panel-tortin {border-color: #f7645e;border-bottom-width: 3px;}.panel-tortin > .panel-heading {color: #fff;background-color: #f7645e;border-color: #f7645e;font-family: 'Montserrat', sans-serif;}.panel-tortin > .panel-heading + .panel-collapse > .panel-body {border-top-color: #f7645e;}.panel-tortin > .panel-heading .badge {color: #f7645e;background-color: #fff;}.panel-tortin > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #f7645e;}.alert.alert-danger {background-color: #FFFFFF;color: #f7645e;border-color: #f7645e;border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;overflow: hidden;position: relative;}.input-group-addon {border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;overflow: hidden;position: relative;border-color: #f9938f;background: none;width: auto;height: 36px;}
\ No newline at end of file
diff --git a/ivatar/static/css/tortin.css b/ivatar/static/css/tortin.css
index 1c55bdb..d5d35ab 100644
--- a/ivatar/static/css/tortin.css
+++ b/ivatar/static/css/tortin.css
@@ -1 +1 @@
-body {font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;color: #525252;}.btn {border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;text-transform: uppercase;background: #36b7d7;overflow: hidden;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}.btn.btn-default {color: #61c6df;border-color: #61c6df;background: none;}.btn.btn-primary {border-color: #2087a1;}.btn:hover, .btn:active, .btn:focus {background: none;border-color: #2499b6;color: #2499b6;}.btn:hover:after, .btn:active:after, .btn:focus:after {top: 50%;}.btn:after {content: '';position: absolute;z-index: -1;width: 150%;height: 200%;top: -190%;left: 50%;background: #8bd5e8;-webkit-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);-moz-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);-ms-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);transform: translateX(-50%) translateY(-50%) skew(0, 5deg);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}.btn.btn-block:after {height: 250%;width: 200%;-webkit-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);-moz-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);-ms-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);transform: translateX(-50%) translateY(-50%) skew(0, 2deg);}.hero {background-color: #36b7d7;color: #fff;padding: 90px 0 40px;}.hero h1 {font-weight: 600;font-size: 6em;color: rgba(255, 255, 255, 0.5);}.hero h2 {font-weight: 200;font-size: 30px;margin-bottom: 30px;}.hero small {color: rgba(0, 0, 0, 0.4);}.hero .btn {display: inline-block;}.hero .btn.btn-default {color: #94d9ea;border-color: #94d9ea;background: none;}.hero .btn.btn-primary {border-color: #fff;}.hero .btn:hover, .hero .btn:active, .hero .btn:focus {border-color: #fff;color: #1c758b;}.hero .btn:after {background: rgba(255, 255, 255, 0.5);}.hero .container {position: relative;z-index: 10;}.social {background-color: #36b7d7;padding: 30px 0 140px;}.social ul {list-style: none;padding: 0;margin: 0;}.social ul li {float: left;margin-right: 15px;width: 100px;}.clipper, .clipper-footer {background-color: #fff;height: 110px;width: 100%;position: relative;top: -40px;-webkit-transform: skew(0, 2deg);-moz-transform: skew(0, 2deg);-ms-transform: skew(0, 2deg);transform: skew(0, 2deg);pointer-events: none;z-index: 1;}.clipper-footer {top: 0;}section.content {position: relative;top: -100px;margin-bottom: -100px;z-index: 10;}section.content h1, section.content h2, section.content h3, section.content h4, section.content h5, section.content h6 {color: #2499b6;}section.content h2 {font-weight: 200;font-size: 40px;}section.content section {margin-bottom: 20px;margin-top: 20px;}section.content .container > hr {-webkit-transform: skew(0, 2deg);-moz-transform: skew(0, 2deg);-ms-transform: skew(0, 2deg);transform: skew(0, 2deg);margin-top: 80px;margin-bottom: 40px;}footer {background-color: #dddddd;color: #888888;padding: 100px 0 40px;margin-top: -40px;}footer .pull-left {margin-right: 20px;}footer .logo {float: left;display: inline-block;margin-right: 5px;margin-top: -8px;}footer .logo .circle {stroke: #888888;stroke-width: 7;fill: none;}footer .logo .polygon {fill: #888888;}@media (max-width: 768px) {.hero {padding: 50px 0 30px;}.hero h1 {font-size: 4em;}.social {padding: 30px 0 100px;}.btn {margin-bottom: 5px;}section.content section {margin-bottom: 50px;}}.color {display: inline-block;border-radius: 50%;height: 20px;width: 20px;}.color.blue {background-color: #36b7d7;}.color.green {background-color: #3aa850;}.color.red {background-color: #f7645e;}.color.black {background-color: #525252;}.navbar-tortin {border: 0;background-color: #36b7d7;color: #FFFFFF;border-radius: 0;}.form-control {border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;overflow: hidden;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;border-color: #61c6df;background: none;}.form-control:focus {border-color: #2499b6;box-shadow: none;}.navbar-tortin .navbar-brand, .navbar-tortin .navbar-text, .navbar-tortin .navbar-nav > li > a, .navbar-tortin .navbar-link, .navbar-tortin .btn-link {color: #FFFFFF;}.navbar-tortin .navbar-nav > .active > a, .navbar-tortin .navbar-nav > .active > a:focus, .navbar-tortin .navbar-nav > .active > a:hover, .navbar-tortin .navbar-nav > li > a:focus, .navbar-tortin .navbar-nav > li > a:hover, .navbar-tortin .navbar-link:hover, .navbar-tortin .btn-link:focus, .navbar-tortin .btn-link:hover, .navbar-tortin .navbar-nav > .open > a, .navbar-tortin .navbar-nav > .open > a:focus, .navbar-tortin .navbar-nav > .open > a:hover {background-color: #2499b6;}.navbar-tortin .navbar-toggle {border-color: #FFFFFF;}.navbar-tortin .navbar-toggle:hover {background-color: #FFFFFF;}.navbar-tortin .navbar-toggle .icon-bar {background-color: #FFFFFF;}.navbar-tortin .navbar-toggle:hover .icon-bar {background-color: #36b7d7;}.navbar-tortin .navbar-collapse, .navbar-tortin .navbar-form {border: 0;}.dropdown-menu {background-color: #36b7d7;border: 1px solid #2499b6;}.dropdown-menu > li > a {color: #FFFFFF;}.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color: #2499b6;color: #FFFFFF;}@media (max-width: 767px) {.navbar-tortin .navbar-nav .open .dropdown-menu > li > a {color: #FFFFFF;}.navbar-tortin .navbar-nav .open .dropdown-menu > li > a:hover {background-color: #2499b6;}.navbar-tortin .navbar-nav .open .dropdown-menu > .active > a, .navbar-tortin .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-tortin .navbar-nav .open .dropdown-menu > .active > a:hover {background-color: #2499b6;}}.panel-tortin {border-color: #36b7d7;border-bottom-width: 3px;}.panel-tortin > .panel-heading {color: #fff;background-color: #36b7d7;border-color: #36b7d7;font-family: 'Montserrat', sans-serif;}.panel-tortin > .panel-heading + .panel-collapse > .panel-body {border-top-color: #36b7d7;}.panel-tortin > .panel-heading .badge {color: #36b7d7;background-color: #fff;}.panel-tortin > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #36b7d7;}.alert.alert-danger {background-color: #FFFFFF;color: #f7645e;border-color: #f7645e;border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;overflow: hidden;position: relative;}.input-group-addon {border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;overflow: hidden;position: relative;border-color: #61c6df;background: none;width: auto;height: 36px;}
\ No newline at end of file
+body {font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;color: #525252;}.btn {border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;text-transform: uppercase;background: #36b7d7;overflow: hidden;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}.btn.btn-default {color: #61c6df;border-color: #61c6df;background: none;}.btn.btn-primary {border-color: #2087a1;}.btn:hover, .btn:active, .btn:focus {background: none;border-color: #2499b6;color: #2499b6;}.btn:hover:after, .btn:active:after, .btn:focus:after {top: 50%;}.btn:after {content: '';position: absolute;z-index: -1;width: 150%;height: 200%;top: -190%;left: 50%;background: #8bd5e8;-webkit-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);-moz-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);-ms-transform: translateX(-50%) translateY(-50%) skew(0, 5deg);transform: translateX(-50%) translateY(-50%) skew(0, 5deg);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}.btn.btn-block:after {height: 250%;width: 200%;-webkit-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);-moz-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);-ms-transform: translateX(-50%) translateY(-50%) skew(0, 2deg);transform: translateX(-50%) translateY(-50%) skew(0, 2deg);}.hero {background-color: #36b7d7;color: #fff;padding: 90px 0 40px;}.hero h1 {font-weight: 600;font-size: 6em;color: rgba(255, 255, 255, 0.5);}.hero h2 {font-weight: 200;font-size: 30px;margin-bottom: 30px;}.hero small {color: rgba(0, 0, 0, 0.4);}.hero .btn {display: inline-block;}.hero .btn.btn-default {color: #94d9ea;border-color: #94d9ea;background: none;}.hero .btn.btn-primary {border-color: #fff;}.hero .btn:hover, .hero .btn:active, .hero .btn:focus {border-color: #fff;color: #1c758b;}.hero .btn:after {background: rgba(255, 255, 255, 0.5);}.hero .container {position: relative;z-index: 10;}.social {background-color: #36b7d7;padding: 30px 0 140px;}.social ul {list-style: none;padding: 0;margin: 0;}.social ul li {float: left;margin-right: 15px;width: 100px;}.clipper, .clipper-footer {background-color: #fff;height: 110px;width: 100%;position: relative;top: -40px;-webkit-transform: skew(0, 2deg);-moz-transform: skew(0, 2deg);-ms-transform: skew(0, 2deg);transform: skew(0, 2deg);pointer-events: none;z-index: 1;}.clipper-footer {top: 0;}section.content {position: relative;top: -100px;margin-bottom: -100px;z-index: 10;}section.content h1, section.content h2, section.content h3, section.content h4, section.content h5, section.content h6 {color: #2499b6;}section.content h2 {font-weight: 200;font-size: 40px;}section.content section {margin-bottom: 20px;margin-top: 20px;}section.content .container > hr {-webkit-transform: skew(0, 2deg);-moz-transform: skew(0, 2deg);-ms-transform: skew(0, 2deg);transform: skew(0, 2deg);margin-top: 80px;margin-bottom: 40px;}footer {background-color: #dddddd;color: #888888;padding: 100px 0 40px;margin-top: -40px;}footer .pull-left {margin-right: 20px;}footer .logo {float: left;display: inline-block;margin-right: 5px;margin-top: -8px;}footer .logo .circle {stroke: #888888;stroke-width: 7;fill: none;}footer .logo .polygon {fill: #888888;}@media (max-width: 768px) {.hero {padding: 50px 0 30px;}.hero h1 {font-size: 4em;}.social {padding: 30px 0 100px;}.btn {margin-bottom: 5px;}section.content section {margin-bottom: 50px;}}.color {display: inline-block;border-radius: 50%;height: 20px;width: 20px;}.color.blue {background-color: #36b7d7;}.color.green {background-color: #3aa850;}.color.red {background-color: #f7645e;}.color.black {background-color: #525252;}.navbar-tortin {border: 0;background-color: #36b7d7;color: #FFFFFF;border-radius: 0;}.form-control {border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;overflow: hidden;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;border-color: #61c6df;background: none;}.form-control:focus {border-color: #2499b6;box-shadow: none;}.navbar-tortin .navbar-brand, .navbar-tortin .navbar-text, .navbar-tortin .navbar-nav > li > a, .navbar-tortin .navbar-link, .navbar-tortin .btn-link {color: #FFFFFF;}.navbar-tortin .navbar-nav > .active > a, .navbar-tortin .navbar-nav > .active > a:focus, .navbar-tortin .navbar-nav > .active > a:hover, .navbar-tortin .navbar-nav > li > a:focus, .navbar-tortin .navbar-nav > li > a:hover, .navbar-tortin .navbar-link:hover, .navbar-tortin .btn-link:focus, .navbar-tortin .btn-link:hover, .navbar-tortin .navbar-nav > .open > a, .navbar-tortin .navbar-nav > .open > a:focus, .navbar-tortin .navbar-nav > .open > a:hover {background-color: #2499b6;}.navbar-tortin .navbar-toggle {border-color: #FFFFFF;}.navbar-tortin .navbar-toggle:hover {background-color: #FFFFFF;}.navbar-tortin .navbar-toggle .icon-bar {background-color: #FFFFFF;}.navbar-tortin .navbar-toggle:hover .icon-bar {background-color: #36b7d7;}.navbar-tortin .navbar-collapse, .navbar-tortin .navbar-form {border: 0;}.dropdown-menu {background-color: #36b7d7;border: 1px solid #2499b6;}.dropdown-menu > li > a {color: #FFFFFF;}.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color: #2499b6;color: #FFFFFF;}.checkbox input, .radio input {display: none;}.checkbox input + label, .radio input + label {padding-left: 0;}.checkbox input + label:before, .radio input + label:before {font-family: FontAwesome;display: inline-block;letter-spacing: 5px;font-size: 20px;color: #36b7d7;vertical-align: middle;}.checkbox input + label:before {content: "\f0c8";}.checkbox input:checked + label:before {content: "\f14a";}.radio input + label:before {content: "\f10c";}.radio input:checked + label:before {content: "\f192";}.uploadbtn:before {position: absolute;left: 0;right: 0;text-align: center;content: "Select file";font-family: 'Montserrat', sans-serif;}.jcrop-holder > div > div:nth-child(1) {outline-width: 2px;outline-style: solid;outline-color: #36b7d7;}@media (max-width: 767px) {.navbar-tortin .navbar-nav .open .dropdown-menu > li > a {color: #FFFFFF;}.navbar-tortin .navbar-nav .open .dropdown-menu > li > a:hover {background-color: #2499b6;}.navbar-tortin .navbar-nav .open .dropdown-menu > .active > a, .navbar-tortin .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-tortin .navbar-nav .open .dropdown-menu > .active > a:hover {background-color: #2499b6;}}.panel-tortin {border-color: #36b7d7;border-bottom-width: 3px;}.panel-tortin > .panel-heading {color: #fff;background-color: #36b7d7;border-color: #36b7d7;font-family: 'Montserrat', sans-serif;}.panel-tortin > .panel-heading + .panel-collapse > .panel-body {border-top-color: #36b7d7;}.panel-tortin > .panel-heading .badge {color: #36b7d7;background-color: #fff;}.panel-tortin > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #36b7d7;}.alert.alert-danger {background-color: #FFFFFF;color: #f7645e;border-color: #f7645e;border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;overflow: hidden;position: relative;}.input-group-addon {border-bottom-width: 3px;box-sizing: border-box;font-family: 'Montserrat', sans-serif;overflow: hidden;position: relative;border-color: #61c6df;background: none;width: auto;height: 36px;}
\ No newline at end of file
diff --git a/ivatar/static/css/tortin.less b/ivatar/static/css/tortin.less
index 214b08d..1003033 100644
--- a/ivatar/static/css/tortin.less
+++ b/ivatar/static/css/tortin.less
@@ -269,6 +269,35 @@ color:#FFFFFF;
 background-color:darken(@bg-hero, 10%);
 color:#FFFFFF;
 }
+.checkbox input, .radio input {display:none}
+.checkbox input + label, .radio input + label {
+padding-left:0;
+}
+.checkbox input + label:before, .radio input + label:before {
+font-family: FontAwesome;
+display: inline-block;
+letter-spacing:5px;
+font-size:20px;
+color:@bg-hero;
+vertical-align:middle;
+}
+.checkbox input + label:before {content: "\f0c8"}
+.checkbox input:checked + label:before {content: "\f14a"}
+.radio input + label:before {content: "\f10c"}
+.radio input:checked + label:before {content: "\f192"}
+.uploadbtn:before {
+position:absolute;
+left:0;
+right:0;
+text-align:center;
+content:"Select file";
+font-family: 'Montserrat', sans-serif;
+}
+.jcrop-holder > div > div:nth-child(1) {
+outline-width:2px;
+outline-style:solid;
+outline-color:@bg-hero;
+}
 @media (max-width:767px) {
 .navbar-tortin .navbar-nav .open .dropdown-menu > li > a {
 color:#FFFFFF