diff --git a/src/app/blog/shared/blog-grid/blog-grid.component.html b/src/app/blog/shared/blog-grid/blog-grid.component.html
index 1c7c76596..58826f17a 100644
--- a/src/app/blog/shared/blog-grid/blog-grid.component.html
+++ b/src/app/blog/shared/blog-grid/blog-grid.component.html
@@ -14,7 +14,7 @@
                         <img alt="News thumbnail" class="img news-img" (load)="post.isLoaded = true" [hidden]="!post.isLoaded" src="{{ post.image_card }}"/>
                     </figure>
                     <h4 class="news-card-title">{{post.name}}</h4>
-                    <p>{{post.text}}</p>
+                    <div [innerHtml]="post.text"></div>
                 </div>
                 <footer class="news-card-footer">
                     <ul class="news-meta-list">
diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html
index babe585f3..b2b29461d 100644
--- a/src/app/footer/footer.component.html
+++ b/src/app/footer/footer.component.html
@@ -86,6 +86,9 @@ <h4 class="footer-widget-title" translate="footer.social">Social</h4>
                             <li>
                                 <a href="https://www.linkedin.com/company/ctemplarencryption/" target="_blank">LinkedIn</a>
                             </li>
+                            <li>
+                                <a href="https://www.reddit.com/r/ctemplar/" target="_blank">Reddit</a>
+                            </li>
                         </ul>
                     </div>
                 </div>
diff --git a/src/app/mail/mail-detail/mail-detail.component.html b/src/app/mail/mail-detail/mail-detail.component.html
index 9c4595887..8430b418a 100644
--- a/src/app/mail/mail-detail/mail-detail.component.html
+++ b/src/app/mail/mail-detail/mail-detail.component.html
@@ -156,30 +156,24 @@ <h5 class="ui-header-subtitle text-dark mb-0">
                 <span class="text-secondary"> </span>
                 <a class="text-gray-dark text-muted">&lt;{{mail.sender}}&gt;</a>
               </li>
-              <li *ngIf="parentMailCollapsed && decryptedContents[mail.id]">
-                <p class="clipped-content" [innerHTML]="decryptedContents[mail.id] | safe: 'html': mail.sender"> </p>
+              <li id="{{mail.id}}-mail-to">
+                To:
+                <ng-container *ngFor="let receiver of mail.receiver; let i = index;">
+                  <span class="text-secondary"> </span>
+                  <a class="text-muted">&lt;{{receiver}}&gt;</a>
+                  <!--Comma as a separator-->
+                  <span *ngIf=" i < mail.receiver?.length-1">, </span>
+                </ng-container>
+              </li>
+              <li *ngIf="mail.cc?.length>0" id="{{mail.id}}-mail-cc">
+                CC:
+                <ng-container *ngFor="let cc of mail.cc; let i = index;">
+                  <span class="text-secondary"> </span>
+                  <a class="text-muted">&lt;{{cc}}&gt;</a>
+                  <!--Comma as a separator-->
+                  <span *ngIf=" i < mail.cc?.length-1">, </span>
+                </ng-container>
               </li>
-              <ng-container *ngIf="!parentMailCollapsed">
-                <li id="{{mail.id}}-mail-to">
-                  To:
-                  <ng-container *ngFor="let receiver of mail.receiver; let i = index;">
-                    <span class="text-secondary"> </span>
-                    <a class="text-muted">&lt;{{receiver}}&gt;</a>
-                    <!--Comma as a separator-->
-                    <span *ngIf=" i < mail.receiver?.length-1">, </span>
-                  </ng-container>
-                </li>
-                <li *ngIf="mail.cc?.length>0" id="{{mail.id}}-mail-cc">
-                  CC:
-                  <ng-container *ngFor="let cc of mail.cc; let i = index;">
-                    <span class="text-secondary"> </span>
-                    <a class="text-muted">&lt;{{cc}}&gt;</a>
-                    <!--Comma as a separator-->
-                    <span *ngIf=" i < mail.cc?.length-1">, </span>
-                  </ng-container>
-                </li>
-              </ng-container>
-
             </ul>
           </div>
         </div>
@@ -275,29 +269,24 @@ <h5 class="ui-header-subtitle text-dark mb-0">
                           <span class="text-secondary"> </span>
                           <a class="text-muted text-gray-dark">&lt;{{childMail.sender}}&gt;</a>
                         </li>
-                        <li *ngIf="childMailCollapsed[childIndex] && decryptedContents[childMail.id]">
-                          <p class="clipped-content" [innerHTML]="decryptedContents[childMail.id] | safe: 'html': childMail.sender"> </p>
+                        <li id="{{childMail.id}}-mail-to">
+                          To:
+                          <ng-container *ngFor="let receiver of childMail.receiver; let i = index;">
+                            <span class="text-secondary"> </span>
+                            <a class="text-muted">&lt;{{receiver}}&gt;</a>
+                            <!--Comma as a separator-->
+                            <span *ngIf=" i < childMail.receiver?.length-1">, </span>
+                          </ng-container>
+                        </li>
+                        <li *ngIf="childMail.cc?.length>0" id="{{childMail.id}}-mail-cc">
+                          CC:
+                          <ng-container *ngFor="let cc of childMail.cc; let i = index;">
+                            <span class="text-secondary"> </span>
+                            <a class="text-muted">&lt;{{cc}}&gt;</a>
+                            <!--Comma as a separator-->
+                            <span *ngIf=" i < childMail.cc?.length-1">, </span>
+                          </ng-container>
                         </li>
-                        <ng-container *ngIf="!childMailCollapsed[childIndex]">
-                          <li id="{{childMail.id}}-mail-to">
-                            To:
-                            <ng-container *ngFor="let receiver of childMail.receiver; let i = index;">
-                              <span class="text-secondary"> </span>
-                              <a class="text-muted">&lt;{{receiver}}&gt;</a>
-                              <!--Comma as a separator-->
-                              <span *ngIf=" i < childMail.receiver?.length-1">, </span>
-                            </ng-container>
-                          </li>
-                          <li *ngIf="childMail.cc?.length>0" id="{{childMail.id}}-mail-cc">
-                              CC:
-                            <ng-container *ngFor="let cc of childMail.cc; let i = index;">
-                              <span class="text-secondary"> </span>
-                              <a class="text-muted">&lt;{{cc}}&gt;</a>
-                              <!--Comma as a separator-->
-                              <span *ngIf=" i < childMail.cc?.length-1">, </span>
-                            </ng-container>
-                          </li>
-                        </ng-container>
                       </ul>
                     </div>
                   </div>
diff --git a/src/app/mail/mail-detail/mail-detail.component.ts b/src/app/mail/mail-detail/mail-detail.component.ts
index 8f1651472..444465472 100644
--- a/src/app/mail/mail-detail/mail-detail.component.ts
+++ b/src/app/mail/mail-detail/mail-detail.component.ts
@@ -78,7 +78,7 @@ export class MailDetailComponent implements OnInit, OnDestroy {
           if (!this.mailOptions[this.mail.id]) {
             this.mailOptions[this.mail.id] = {};
           }
-          if (this.mail.children) {
+          if (this.mail.children && this.mail.children.length > 0) {
             this.parentMailCollapsed = true;
             // Collapse all emails by default
             this.childMailCollapsed.fill(true, 0, this.mail.children.length);
diff --git a/src/app/mail/mail-settings/mail-settings.component.html b/src/app/mail/mail-settings/mail-settings.component.html
index d40d3b7c0..3c1ed9ccc 100644
--- a/src/app/mail/mail-settings/mail-settings.component.html
+++ b/src/app/mail/mail-settings/mail-settings.component.html
@@ -279,6 +279,29 @@ <h5 class="ui-header-subtitle text-dark mb-0"><strong translate="settings.genera
                                     </div>
                                 </div>
                             </div>
+                            <div class="form-content-row">
+                                <div class="row align-items-center">
+                                    <div class="col-sm-5">
+                                        <label class="form-label mb-0">Default Mail Compose Font</label>
+                                    </div>
+                                    <div class="col-sm-7">
+                                        <div class="btn-dropdown btn-dropdown-select">
+                                            <div ngbDropdown class="dropdown-sm">
+                                                <button ngbDropdownToggle class="text-capitalize" role="button" id="defaultFontDropdownMenuButton">
+                                                    {{settings.default_font}}
+                                                </button>
+                                                <div ngbDropdownMenu aria-labelledby="defaultFontDropdownMenuButton">
+                                                    <a class="dropdown-item text-capitalize" *ngFor="let font of fonts"
+                                                       (click)="updateSettings('default_font', font)">
+                                                        {{font}}
+                                                    </a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
 
                             <!-- Will be used later -->
                             <div class="form-content-row" *ngIf="false">
diff --git a/src/app/mail/mail-settings/mail-settings.component.ts b/src/app/mail/mail-settings/mail-settings.component.ts
index 07ebb86b1..510a9d20c 100644
--- a/src/app/mail/mail-settings/mail-settings.component.ts
+++ b/src/app/mail/mail-settings/mail-settings.component.ts
@@ -6,7 +6,7 @@ import { Store } from '@ngrx/store';
 import { OnDestroy, TakeUntilDestroy } from 'ngx-take-until-destroy';
 import { Observable } from 'rxjs/Observable';
 import { debounceTime } from 'rxjs/operators';
-import { DEFAULT_EMAIL_ADDRESS, DEFAULT_STORAGE, Language, LANGUAGES, VALID_EMAIL_REGEX } from '../../shared/config';
+import { DEFAULT_EMAIL_ADDRESS, DEFAULT_STORAGE, Language, LANGUAGES, VALID_EMAIL_REGEX, FONTS } from '../../shared/config';
 
 import {
   BlackListDelete,
@@ -44,6 +44,7 @@ export class MailSettingsComponent implements OnInit, OnDestroy {
   readonly destroyed$: Observable<boolean>;
   readonly defaultStorage = DEFAULT_STORAGE;
   readonly defaultEmailAddress = DEFAULT_EMAIL_ADDRESS;
+  readonly fonts = FONTS;
 
   @ViewChild('changePasswordModal') changePasswordModal;
   @ViewChild('deleteAccountInfoModal') deleteAccountInfoModal;
diff --git a/src/app/mail/mail-sidebar/compose-mail/compose-mail.component.html b/src/app/mail/mail-sidebar/compose-mail/compose-mail.component.html
index e04c937e6..bee6ad7f4 100644
--- a/src/app/mail/mail-sidebar/compose-mail/compose-mail.component.html
+++ b/src/app/mail/mail-sidebar/compose-mail/compose-mail.component.html
@@ -176,43 +176,9 @@
                                aria-labelledby="typoFamilyDropdownMenu">
                             <div class="typo-holder">
                               <ul class="typo-list list-styled">
-                                <li>
-                                  <button value="hiragino-sans"
-                                          class="ql-font typo-select-link">Hiragino
-                                    Sans
-                                  </button>
-                                </li>
-                                <li>
-                                  <button value="lato"
-                                          class="ql-font typo-select-link">Lato
-                                  </button>
-                                </li>
-                                <li>
-                                  <button value="roboto"
-                                          class="ql-font typo-select-link">Roboto
-                                  </button>
-                                </li>
-                                <li>
-                                  <button value="abril-fatface"
-                                          class="ql-font typo-select-link">Abril
-                                    Fatface
-                                  </button>
-                                </li>
-                                <li>
-                                  <button value="andale-mono"
-                                          class="ql-font typo-select-link">Andale Mono
-                                  </button>
-                                </li>
-                                <li>
-                                  <button value="arial"
-                                          class="ql-font typo-select-link">Arial
-                                  </button>
-                                </li>
-                                <li>
-                                  <button value="times-new-roman"
-                                          class="ql-font typo-select-link">Times New
-                                    Roman
-                                  </button>
+                                <li *ngFor="let font of fonts">
+                                  <button [value]="font" class="ql-font typo-select-link text-capitalize">
+                                    {{font}}</button>
                                 </li>
                               </ul>
                             </div>
@@ -514,7 +480,19 @@ <h3 class="modal-title w-100 text-dark"><strong>Self Destruct Email</strong></h3
       </div>
       <div class="form-group">
         <label class="form-inline">Select Time</label>
-        <ngb-timepicker [(ngModel)]="selfDestruct.time"></ngb-timepicker>
+        <div class="btn-dropdown btn-dropdown-select btn-dropdown-lg col-4 p-0">
+          <div ngbDropdown class="dropdown-sm">
+            <button ngbDropdownToggle class="dropdown-toggle border-0 from-text"
+                    id="selfDestructMeridianDropdownMenuButton" role="button">
+              {{selfDestruct.meridian ? '12 Hour' : '24 Hour'}}
+            </button>
+            <div ngbDropdownMenu aria-labelledby="selfDestructMeridianDropdownMenuButton">
+              <a class="dropdown-item from-text" (click)="selfDestruct.meridian = true">12 Hour</a>
+              <a class="dropdown-item from-text" (click)="selfDestruct.meridian = false">24 Hour</a>
+            </div>
+          </div>
+        </div>
+        <ngb-timepicker [(ngModel)]="selfDestruct.time" [meridian]="selfDestruct.meridian"></ngb-timepicker>
       </div>
       <div *ngIf="selfDestruct.error" class="l-alert l-alert-danger mb-3">
         {{selfDestruct.error}}
@@ -553,7 +531,19 @@ <h3 class="modal-title w-100 text-dark"><strong>Delayed Delivery</strong></h3>
       </div>
       <div class="form-group">
         <label class="form-inline">Select Time</label>
-        <ngb-timepicker [(ngModel)]="delayedDelivery.time"></ngb-timepicker>
+        <div class="btn-dropdown btn-dropdown-select btn-dropdown-lg col-4 p-0">
+          <div ngbDropdown class="dropdown-sm">
+            <button ngbDropdownToggle class="dropdown-toggle border-0 from-text"
+                    id="delayedDeliveryMeridianDropdownMenuButton" role="button">
+              {{delayedDelivery.meridian ? '12 Hour': '24 Hour'}}
+            </button>
+            <div ngbDropdownMenu aria-labelledby="delayedDeliveryMeridianDropdownMenuButton">
+              <a class="dropdown-item from-text" (click)="delayedDelivery.meridian = true">12 Hour</a>
+              <a class="dropdown-item from-text" (click)="delayedDelivery.meridian = false">24 Hour</a>
+            </div>
+          </div>
+        </div>
+        <ngb-timepicker [(ngModel)]="delayedDelivery.time" [meridian]="delayedDelivery.meridian"></ngb-timepicker>
       </div>
       <div *ngIf="delayedDelivery.error" class="l-alert l-alert-danger mb-3">
         {{delayedDelivery.error}}
diff --git a/src/app/mail/mail-sidebar/compose-mail/compose-mail.component.ts b/src/app/mail/mail-sidebar/compose-mail/compose-mail.component.ts
index 7ba4964a4..fa8002c20 100644
--- a/src/app/mail/mail-sidebar/compose-mail/compose-mail.component.ts
+++ b/src/app/mail/mail-sidebar/compose-mail/compose-mail.component.ts
@@ -10,7 +10,7 @@ import { Observable } from 'rxjs/Observable';
 import { debounceTime } from 'rxjs/operators/debounceTime';
 import { Subject } from 'rxjs/Subject';
 import { Subscription } from 'rxjs/Subscription';
-import { COLORS, ESCAPE_KEYCODE, VALID_EMAIL_REGEX } from '../../../shared/config';
+import { COLORS, FONTS, ESCAPE_KEYCODE, VALID_EMAIL_REGEX } from '../../../shared/config';
 import { FilenamePipe } from '../../../shared/pipes/filename.pipe';
 import { FilesizePipe } from '../../../shared/pipes/filesize.pipe';
 import {
@@ -32,9 +32,7 @@ import { OpenPgpService } from '../../../store/services/openpgp.service';
 const Quill: any = QuillNamespace;
 
 const FontAttributor = Quill.import('attributors/style/font');
-FontAttributor.whitelist = [
-  'hiragino-sans', 'lato', 'roboto', 'abril-fatface', 'andale-mono', 'arial', 'times-new-roman'
-];
+FontAttributor.whitelist = [...FONTS];
 Quill.register(FontAttributor, true);
 
 const SizeAttributor = Quill.import('attributors/style/size');
@@ -136,6 +134,7 @@ export class ComposeMailComponent implements OnInit, AfterViewInit, OnDestroy {
 
   draftId: number;
   colors = COLORS;
+  fonts = FONTS;
   mailData: any = {};
   options: any = {};
   selfDestruct: any = {};
@@ -322,6 +321,30 @@ export class ComposeMailComponent implements OnInit, AfterViewInit, OnDestroy {
         toolbar: this.toolbar.nativeElement
       }
     });
+    this.quill.clipboard.addMatcher(Node.TEXT_NODE, (node, delta) => {
+      const regex = /https?:\/\/[^\s]+/g;
+      if (typeof (node.data) !== 'string') {
+        return;
+      }
+      const matches = node.data.match(regex);
+
+      if (matches && matches.length > 0) {
+        const ops = [];
+        let str = node.data;
+        matches.forEach((match) => {
+          const split = str.split(match);
+          const beforeLink = split.shift();
+          ops.push({ insert: beforeLink });
+          ops.push({ insert: match, attributes: { link: match } });
+          str = split.join(match);
+        });
+        ops.push({ insert: str });
+        delta.ops = ops;
+      }
+      return delta;
+    });
+
+    this.quill.format('font', this.userState.settings.default_font);
     this.quill.getModule('toolbar').addHandler('image', () => {
       this.quillImageHandler();
     });
@@ -834,6 +857,9 @@ export class ComposeMailComponent implements OnInit, AfterViewInit, OnDestroy {
   }
 
   private resetMailData() {
+    this.resetSelfDestructValues();
+    this.resetDelayedDeliveryValues();
+    this.resetDeadManTimerValues();
     this.mailData = {
       receiver: this.receivers ?
         this.receivers.map(receiver => ({ display: receiver, value: receiver })) :
@@ -867,6 +893,7 @@ export class ComposeMailComponent implements OnInit, AfterViewInit, OnDestroy {
       minute: 0,
       second: 0
     };
+    this.selfDestruct.meridian = true;
     this.selfDestruct.error = null;
   }
 
@@ -878,6 +905,7 @@ export class ComposeMailComponent implements OnInit, AfterViewInit, OnDestroy {
       minute: 0,
       second: 0
     };
+    this.delayedDelivery.meridian = true;
     this.delayedDelivery.error = null;
   }
 
diff --git a/src/app/mail/mail-sidebar/mail-sidebar.component.html b/src/app/mail/mail-sidebar/mail-sidebar.component.html
index 70cad80a4..45a05af12 100644
--- a/src/app/mail/mail-sidebar/mail-sidebar.component.html
+++ b/src/app/mail/mail-sidebar/mail-sidebar.component.html
@@ -47,49 +47,52 @@
                     <a routerLink="/mail/draft" class="mailbox-sidebar-nav-link" (click)="toggleMenu()">
                         <i class="icon icon-draft"></i>
                         <span class="mailbox-sidebar-nav-label" translate="mail_sidebar.draft">Draft</span>
-                        <span class="badge badge-square hidden-sm-down" *ngIf="mailState?.unreadMailsCount?.draft>0">{{mailState?.unreadMailsCount?.draft}}</span>
                     </a>
                 </li>
                 <li class="mailbox-sidebar-nav-item"  routerLinkActive="active">
                     <a routerLink="/mail/sent" class="mailbox-sidebar-nav-link" (click)="toggleMenu()">
                         <i class="icon icon-paper-plane"></i>
                         <span class="mailbox-sidebar-nav-label" translate="mail_sidebar.sent">Sent</span>
-                        <span class="badge badge-square hidden-sm-down" *ngIf="mailState?.unreadMailsCount?.sent>0">{{mailState?.unreadMailsCount?.sent}}</span>
                     </a>
                 </li>
                 <li class="mailbox-sidebar-nav-item"  routerLinkActive="active">
                     <a routerLink="/mail/outbox" class="mailbox-sidebar-nav-link" (click)="toggleMenu()">
                         <i class="icon icon-draft"></i>
                         <span class="mailbox-sidebar-nav-label" translate="mail_sidebar.outbox">Outbox</span>
-                        <span class="badge badge-square hidden-sm-down" *ngIf="mailState?.unreadMailsCount?.outbox>0">{{mailState?.unreadMailsCount?.outbox}}</span>
+                        <span class="badge outbox">
+                              <span class="badge-square hidden-sm-down badge-counter badge-success"
+                                    *ngIf="mailState?.unreadMailsCount?.outbox_delayed_delivery_counter>0">
+                            {{mailState?.unreadMailsCount?.outbox_delayed_delivery_counter}}
+                            </span>
+                            <span class="badge-square hidden-sm-down badge-counter badge-danger"
+                                    *ngIf="mailState?.unreadMailsCount?.outbox_dead_man_counter>0">
+                            {{mailState?.unreadMailsCount?.outbox_dead_man_counter}}
+                            </span>
+                        </span>
                     </a>
                 </li>
                 <li class="mailbox-sidebar-nav-item"  routerLinkActive="active">
                     <a routerLink="/mail/starred" class="mailbox-sidebar-nav-link" (click)="toggleMenu()">
                         <i class="icon icon-star"></i>
                         <span class="mailbox-sidebar-nav-label" translate="mail_sidebar.starred">Starred</span>
-                        <span class="badge badge-square hidden-sm-down" *ngIf="mailState?.unreadMailsCount?.starred>0">{{mailState?.unreadMailsCount?.starred}}</span>
                     </a>
                 </li>
                 <li class="mailbox-sidebar-nav-item"  routerLinkActive="active">
                     <a routerLink="/mail/archive" class="mailbox-sidebar-nav-link" (click)="toggleMenu()">
                         <i class="icon icon-archive"></i>
                         <span class="mailbox-sidebar-nav-label" translate="mail_sidebar.archive">Archive</span>
-                        <span class="badge badge-square hidden-sm-down" *ngIf="mailState?.unreadMailsCount?.archive>0">{{mailState?.unreadMailsCount?.archive}}</span>
                     </a>
                 </li>
                 <li class="mailbox-sidebar-nav-item"  routerLinkActive="active">
                     <a routerLink="/mail/spam" class="mailbox-sidebar-nav-link" (click)="toggleMenu()">
                         <i class="icon icon-warning"></i>
                         <span class="mailbox-sidebar-nav-label" translate="mail_sidebar.spam">Spam</span>
-                        <span class="badge badge-square hidden-sm-down" *ngIf="mailState?.unreadMailsCount?.spam>0">{{mailState?.unreadMailsCount?.spam}}</span>
                     </a>
                 </li>
                 <li class="mailbox-sidebar-nav-item"  routerLinkActive="active">
                     <a routerLink="/mail/trash" class="mailbox-sidebar-nav-link" (click)="toggleMenu()">
                         <i class="icon icon-garbage"></i>
                         <span class="mailbox-sidebar-nav-label" translate="mail_sidebar.trash">Trash</span>
-                        <span class="badge badge-square hidden-sm-down" *ngIf="mailState?.unreadMailsCount?.trash>0">{{mailState?.unreadMailsCount?.trash}}</span>
                     </a>
                 </li>
 
diff --git a/src/app/mail/mail-sidebar/mail-sidebar.component.scss b/src/app/mail/mail-sidebar/mail-sidebar.component.scss
index bef5e084c..dc5a48ef9 100644
--- a/src/app/mail/mail-sidebar/mail-sidebar.component.scss
+++ b/src/app/mail/mail-sidebar/mail-sidebar.component.scss
@@ -148,4 +148,20 @@
       right: 2.3rem;
     }
   }
+}
+
+.badge.outbox {
+  background: unset;
+  width: auto;
+
+  .badge-counter {
+    float: right;
+    width: 1.563rem;
+    margin-left: 5px;
+    border-radius: 3px;
+  }
+
+  .badge-success {
+    background-color: green;
+  }
 }
\ No newline at end of file
diff --git a/src/app/shared/config.ts b/src/app/shared/config.ts
index b3ce9fb76..cdd9b3230 100644
--- a/src/app/shared/config.ts
+++ b/src/app/shared/config.ts
@@ -69,3 +69,5 @@ export const DEFAULT_STORAGE = 5; // storage in GB
 export const DEFAULT_EMAIL_ADDRESS = 10;
 
 export const VALID_EMAIL_REGEX = /^([a-zA-Z0-9_\.\-]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/m;
+
+export const FONTS = ['hiragino-sans', 'lato', 'roboto', 'abril-fatface', 'andale-mono', 'arial', 'times-new-roman'];
diff --git a/src/app/store/datatypes.ts b/src/app/store/datatypes.ts
index 26dbab17c..4a22fcac0 100644
--- a/src/app/store/datatypes.ts
+++ b/src/app/store/datatypes.ts
@@ -84,6 +84,7 @@ export interface Settings {
   used_storage?: number;
   display_name?: string;
   email_count?: number;
+  default_font?: string;
 }
 
 export interface Payment {
diff --git a/src/app/users/dialogs/user-account-init-dialog/user-account-init-dialog.component.html b/src/app/users/dialogs/user-account-init-dialog/user-account-init-dialog.component.html
index 5f7cf824e..22a06a0cf 100644
--- a/src/app/users/dialogs/user-account-init-dialog/user-account-init-dialog.component.html
+++ b/src/app/users/dialogs/user-account-init-dialog/user-account-init-dialog.component.html
@@ -1,56 +1,57 @@
 <div class="modal-body bg-faded account-creation">
-  <img src="assets/images/account-creation-img.png" alt="">
+  <img src="assets/images/account-creation-img.jpg" alt="">
   <app-progress-bar [active]="true"></app-progress-bar>
   <div class="account-creation-info">
-      <div class="info-box1"
-            @pageAnimation1
-            (@pageAnimation1.start)="onAnimationStart($event)"
-            (@pageAnimation1.done)="onAnimationDone($event)">
-        <h3>Account Creation Initiated</h3>
-          <ul>
-              <li>Encrypted connection between user and website verified</li>
-              <li>Account creation in user&apos;s browser complete</li>
-              <li>Mailbox creation in user&apos;s browser complete</li>
-          </ul>
-      </div>
-      <div class="info-box2"
-            @pageAnimation2
-            (@pageAnimation2.start)="onAnimationStart($event)"
-            (@pageAnimation2.done)="onAnimationDone($event)"
-            *ngIf="step >= 1">
-        <h3>Cryptographic Protection Initiated</h3>
-        <ul>
-            <li>Generate 4096 bit PGP Encryption Key</li>
-            <li>Apply Cryptographic hash to password</li>
-            <li>Receive “hash value” from cryptographic hash</li>
-            <li>Apply cryptographic salt to “hash value”</li>
-            <li>Your mailbox is now encrypted and password protected</li>
-        </ul>
-      </div>
-      <div class="info-box3"
-            @pageAnimation3
-            (@pageAnimation3.start)="onAnimationStart($event)"
-            (@pageAnimation3.done)="onAnimationDone($event)"
-            *ngIf="step >= 2">
-          <h3>Cryptographic Protection Initiated</h3>
-          <ul>
-              <li>Mailbox sent and saved to Icelandic server</li>
-              <li>Mailbox secured with user&apos;s hash & Salted value.</li>
-              <li>Encrypted, Secure & Anonymous</li>
-              <li>Welcome to your Maximum strength mailbox</li>
-          </ul>
-      </div>
-      <div class="info-box4"
-            @pageAnimation4
-            (@pageAnimation4.start)="onAnimationStart($event)"
-            (@pageAnimation4.done)="onAnimationDone($event)"
-            *ngIf="step >= 3">
-          <h3>Account Creation Initiated</h3>
-          <ul>
-              <li><i class="fas fa-check"></i>Encrypted connection between user and website verified</li>
-              <li><i class="fas fa-check"></i>Account creation in user&apos;s browser complete</li>
-              <li><i class="fas fa-check"></i>Mailbox creation in user&apos;s browser complete</li>
-          </ul>
-      </div>
+    <div class="info-box1"
+         @pageAnimation1
+         (@pageAnimation1.start)="onAnimationStart($event)"
+         (@pageAnimation1.done)="onAnimationDone($event)">
+      <h3>Account Creation Initiated</h3>
+      <ul>
+        <li>Encrypted connection between user and website verified</li>
+        <li>Account creation in user&apos;s browser complete</li>
+        <li>Mailbox creation in user&apos;s browser complete</li>
+      </ul>
+    </div>
+    <div class="info-box2"
+         @pageAnimation2
+         (@pageAnimation2.start)="onAnimationStart($event)"
+         (@pageAnimation2.done)="onAnimationDone($event)"
+         *ngIf="step >= 1">
+      <h3>Account Creation Initiated</h3>
+      <ul>
+        <li><i class="fas fa-check"></i>Encrypted connection between user and website verified</li>
+        <li><i class="fas fa-check"></i>Account creation in user&apos;s browser complete</li>
+        <li><i class="fas fa-check"></i>Mailbox creation in user&apos;s browser complete</li>
+      </ul>
+    </div>
+    <div class="info-box3"
+         @pageAnimation3
+         (@pageAnimation3.start)="onAnimationStart($event)"
+         (@pageAnimation3.done)="onAnimationDone($event)"
+         *ngIf="step >= 2">
+      <h3>Cryptographic Protection Initiated</h3>
+      <ul>
+        <li>Generate 4096 bit PGP Encryption Key</li>
+        <li>Apply Cryptographic hash to password</li>
+        <li>Receive “hash value” from cryptographic hash</li>
+        <li>Apply cryptographic salt to “hash value”</li>
+        <li>Your mailbox is now encrypted and password protected</li>
+
+      </ul>
+    </div>
+    <div class="info-box4"
+         @pageAnimation4
+         (@pageAnimation4.start)="onAnimationStart($event)"
+         (@pageAnimation4.done)="onAnimationDone($event)"
+         *ngIf="step >= 3">
+      <h3>Account Creation Finished</h3>
+      <ul>
+        <li>Mailbox sent and saved to Icelandic server</li>
+        <li>Mailbox secured with user&apos;s hash & Salted value.</li>
+        <li>Encrypted, Secure & Anonymous</li>
+        <li>Welcome to your Maximum strength mailbox</li>
+      </ul>
+    </div>
   </div>
 </div>
\ No newline at end of file
diff --git a/src/app/users/dialogs/user-account-init-dialog/user-account-init-dialog.component.scss b/src/app/users/dialogs/user-account-init-dialog/user-account-init-dialog.component.scss
index a79524b4e..884226acc 100644
--- a/src/app/users/dialogs/user-account-init-dialog/user-account-init-dialog.component.scss
+++ b/src/app/users/dialogs/user-account-init-dialog/user-account-init-dialog.component.scss
@@ -49,7 +49,7 @@
     }
   }
 }
-.info-box2 {
+.info-box3 {
   li{
     i {
       color: #e74c3c;
@@ -59,7 +59,7 @@
     }
   }
 }
-.info-box4 {
+.info-box2 {
   li{
     padding-left: 25px;
     position: relative;
diff --git a/src/app/users/dialogs/user-account-init-dialog/user-account-init-dialog.component.ts b/src/app/users/dialogs/user-account-init-dialog/user-account-init-dialog.component.ts
index 050368ef2..2bd42ac5c 100644
--- a/src/app/users/dialogs/user-account-init-dialog/user-account-init-dialog.component.ts
+++ b/src/app/users/dialogs/user-account-init-dialog/user-account-init-dialog.component.ts
@@ -25,7 +25,7 @@ import { AppState, AuthState, SignupState } from '../../../store/datatypes';
     ]),
     trigger('pageAnimation2', [
       transition(':enter', [
-        query('h3, li', [
+        query('li', [
           style({ opacity: 0, transform: 'translateY(-100%)' }),
           stagger(833, [
             animate('833ms', style({ opacity: 1, transform: 'none' }))
@@ -35,7 +35,7 @@ import { AppState, AuthState, SignupState } from '../../../store/datatypes';
     ]),
     trigger('pageAnimation3', [
       transition(':enter', [
-        query('li', [
+        query('h3, li', [
           style({ opacity: 0, transform: 'translateY(-100%)' }),
           stagger(833, [
             animate('833ms', style({ opacity: 1, transform: 'none' }))
diff --git a/src/assets/blogs.json b/src/assets/blogs.json
index 82d300443..b518fb218 100644
--- a/src/assets/blogs.json
+++ b/src/assets/blogs.json
@@ -1,42 +1,40 @@
 {
-    "results": [{
-            "id": 1,
-            "category": 1,
-            "comments_count": 10,
-            "date": "August 08, 2018",
-            "name": "Swiss Privacy is Dead. Icelandic Privacy is Most Secure",
-            "slug": "swiss-privacy-is-dead-icelandic-privacy-is-most-secure",
-            "image_card": "https://blog.ctemplar.com/wp-content/uploads/2018/11/Iceland.jpg",
-            "image_featured": "https://blog.ctemplar.com/wp-content/uploads/2018/11/Iceland.jpg",
-            "image": "https://blog.ctemplar.com/wp-content/uploads/2018/11/Iceland.jpg",
-            "text": "The battle between Iceland and Switzerland over the most secure location to store private users data has been over for several years.   Currently Swiss privacy laws are arguably some of the worst in the world.    While Iceland has risen as one of the most premiere locations  CTemplar chose to locate their servers in Iceland in order for our users to benefit from Icelandic data protection",
-            "excerpt": "The battle between Iceland and Switzerland over the most secure location to store private users data has been over for several years.   Currently Swiss privacy laws are arguably some of the worst in the world.    While Iceland has risen as one of the most premiere locations  CTemplar chose to locate their servers in Iceland in order for our users to benefit from Icelandic data protection."
-        },
-        {
-            "id": 2,
-            "category": 1,
-            "comments_count": 10,
-            "date": "August 08, 2018",
-            "name": "CTemplar's 4 Wall Protection",
-            "slug": "ctemplar-4-wall-protection",
-            "image_card": "https://blog.ctemplar.com/wp-content/uploads/2018/08/4WallProtection.jpg",
-            "image_featured": "https://blog.ctemplar.com/wp-content/uploads/2018/08/4WallProtection.jpg",
-            "image": "https://blog.ctemplar.com/wp-content/uploads/2018/08/4WallProtection.jpg",
-            "text": "Protection was created by the CTemplar team after seeing other email services knowingly offer vulnerable services under the illusion of complete security.   For example, they may provide good encryption, but they have access to your username and password and can legally be required to turn them over without your knowledge or consent.  The 4 walls of protection include \"Company Protection, Encryption Protection, Legal Protection, and Technology Protection\".",
-            "excerpt": "<h6 class='font-weight-bold'>Your data is vulnerable</h6> <p> CTemplar’s 4 Wall Watch (“4WW”) protection was created by the CTemplar team after seeing other email services knowingly offer vulnerable services under the illusion of complete security. For example, they may provide good encryption, but they have access to your username and password and can legally be required to turn them over without your knowledge or consent. The 4 walls of protection include “Company Protection, Encryption Protection, Legal Protection, and Technology Protection.” </p> <h6 class='font-weight-bold'>Why does it matter?</h6> <p> Excellent encryption is pointless if your email provider hands over your sensitive data and username/password to all corporations, political interests and governments that request your data. At CTemplar, we are the only email service provider that offer wall to wall protection without gaps. The strongest fortress in the world is not secure if a wall is missing or gate wide open. </p> <h6 class='font-weight-bold'>Unmatched service for your peace of mind</h6> <p> We lead the industry by providing maximum protection for our users. People desiring the highest level of protection should not buy discount services that merely give the illusion of security. Your privacy is your fortress, you want the walls to be thick and impenetrable to even the strongest attacks. </p>"
-        },
-        {
-            "id": 3,
-            "category": 1,
-            "comments_count": 10,
-            "date": "August 08, 2018",
-            "name": "CTemplar vs Protonmail",
-            "slug": "ctemplar-vs-protonmail",
-            "image_card": "https://blog.ctemplar.com/wp-content/uploads/2018/08/UnBalanced.jpg",
-            "image_featured": "https://blog.ctemplar.com/wp-content/uploads/2018/08/UnBalanced.jpg",
-            "image": "https://blog.ctemplar.com/wp-content/uploads/2018/08/UnBalanced.jpg",
-            "text": "Ctemplar is the unparalleled best email service in the world for these reasons below.  We lead the industry by providing maximum protection for our users.  People desiring the highest level of protection should not buy discount services that may give the illusion of security.  Your privacy is your fortress, you want the walls to be thick and impenetrable to even the strongest attacks.",
-            "excerpt": "<img alt='News thumbnail - Desktop' class='img news-img d-none d-lg-block mb-5' src='assets/images/blog/table_d-min.png' /> <img alt='News thumbnail - Tablet' class='img news-img d-none d-sm-block d-md-block d-lg-none mb-5' src='assets/images/blog/table_t-min.png' /> <img alt='News thumbnail - Mobile' class='img news-img d-block d-sm-none mb-5' src='assets/images/blog/table_m_2x-min.png' /> <h6 class='font-weight-bold'> Citations: </h6> <ol> <li> <p> Ctemplar uses 1 way password hashing & salting. It is not possible for us to know the users password/passphrase. Anyone can verify this by reviewing our opensource code: <a target='_blank' href='https://github.com/ctemplar/webclient'>https://github.com/ctemplar/webclient</a> </p> </li> <li> <p> Protonmail : Visit <a target='_blank' href='https://mail.protonmail.com/security'>https://mail.protonmail.com/security</a> and then Authentication logs </p> </li> <li> <p> Ctemplar requires an Icelandic court order to turn over your data, these are amoung the most difficult to get in the world. We will keep the user notified at each step during an invesitigation </p> </li> <li> <p> <a target='_blank' href='https://www.techwibe.com/best-countries-strong-privacy-laws-vpn-friendly-regions-world/'>https://www.techwibe.com/best-countries-strong-privacy-laws-vpn-friendly-regions-world/</a> </p> </li> <li> <p> <a target='_blank' href='https://verneglobal.com/blog/safe-secure-and-certain-why-icelands-regulatory-regime-excels'>https://verneglobal.com/blog/safe-secure-and-certain-why-icelands-regulatory-regime-excels </a> </p> </li> <li> <p> <a target='_blank' href='http://bigdata-madesimple.com/5-best-countries-to-host-your-website-for-data-privacy/'>http://bigdata-madesimple.com/5-best-countries-to-host-your-website-for-data-privacy/</a> </p> </li> <li> <p> <a target='_blank' href='https://www.privacyshield.gov/ps-overview-businesses'>https://www.privacyshield.gov/ps-overview-businesses </a> </p> </li> <li> <p> <a target='_blank' href='https://protonmail.com/blog/protonmail-threat-model/'>https://protonmail.com/blog/protonmail-threat-model/</a> have a life and death situation that requires privacy, we would not recommend using ProtonMail. For extremely sensitive situations, it is simply not a good idea…. </p> </li> <li> <p> Charles Rivers Ventures – Funded both Protonmail and Twitter – Twitter censors content and restricts freedom of speech. See citations below 10,11,12,13,14 </p> </li> <li> <p> <a target='_blank' href='https://www.businessinsider.com/twitter-has-gone-from-bastion-of-free-speech-to-global-censor-2017-6'>https://www.businessinsider.com/twitter-has-gone-from-bastion-of-free-speech-to-global-censor-2017-6</a> </p> </li> <li> <p> <a target='_blank' href='https://www.politico.com/story/2018/02/21/twitter-purges-accounts-conservatives-357028'>https://www.politico.com/story/2018/02/21/twitter-purges-accounts-conservatives-357028 </a> </p> </li> <li> <p> <a target='_blank' href='https://www.forbes.com/sites/kalevleetaru/2018/01/12/is-twitter-really-censoring-free-speech/'>https://www.forbes.com/sites/kalevleetaru/2018/01/12/is-twitter-really-censoring-free-speech/ </a> </p> </li> <li> <p> <a target='_blank' href='https://www.wired.com/story/twitter-will-begin-hiding-all-tweets-from-suspect-accounts/'>https://www.wired.com/story/twitter-will-begin-hiding-all-tweets-from-suspect-accounts/ </a> </p> </li> <li> <p> <a target='_blank' href='https://www.businessinsider.com/twitter-has-gone-from-bastion-of-free-speech-to-global-censor-2017-6'>https://www.businessinsider.com/twitter-has-gone-from-bastion-of-free-speech-to-global-censor-2017-6 </a> </p> </li> <li> <p> <a target='_blank' href='https://www.swissinfo.ch/eng/business/tax-evasion_swiss-say-goodbye-to-banking-secrecy-/42799134'>https://www.swissinfo.ch/eng/business/tax-evasion_swiss-say-goodbye-to-banking-secrecy-/42799134 </a> </p> </li> <li> <p> Protonmail does not notify users or receive their consent before giving their data away: <a target='_blank' href='https://protonmail.com/blog/transparency-report/'>https://protonmail.com/blog/transparency-report/</a> </p> </li> </ol>"
-        }
-    ]
+  "results": [
+    {
+      "id": 1,
+      "category": 1,
+      "comments_count": 10,
+      "date": "August 08, 2018",
+      "name": "Swiss Privacy is Dead. Icelandic Privacy is Most Secure",
+      "slug": "swiss-privacy-is-dead-icelandic-privacy-is-most-secure",
+      "image_card": "https://blog.ctemplar.com/wp-content/uploads/2018/11/Iceland.jpg",
+      "image_featured": "https://blog.ctemplar.com/wp-content/uploads/2018/11/Iceland.jpg",
+      "image": "https://blog.ctemplar.com/wp-content/uploads/2018/11/Iceland.jpg",
+      "text": "The battle between Iceland and Switzerland over the most secure location to store private users data has been over for several years.   Currently Swiss privacy laws are arguably some of the worst in the world.    While Iceland has risen as one of the most premiere locations  CTemplar chose to locate their servers in Iceland in order for our users to benefit from Icelandic data protection"
+    },
+    {
+      "id": 2,
+      "category": 1,
+      "comments_count": 10,
+      "date": "August 08, 2018",
+      "name": "CTemplar's 4 Wall Protection",
+      "slug": "ctemplar-4-wall-protection",
+      "image_card": "https://blog.ctemplar.com/wp-content/uploads/2018/08/4WallProtection.jpg",
+      "image_featured": "https://blog.ctemplar.com/wp-content/uploads/2018/08/4WallProtection.jpg",
+      "image": "https://blog.ctemplar.com/wp-content/uploads/2018/08/4WallProtection.jpg",
+      "text": "Protection was created by the CTemplar team after seeing other email services knowingly offer vulnerable services under the illusion of complete security.   For example, they may provide good encryption, but they have access to your username and password and can legally be required to turn them over without your knowledge or consent.  The 4 walls of protection include \"Company Protection, Encryption Protection, Legal Protection, and Technology Protection\"."
+    },
+    {
+      "id": 3,
+      "category": 1,
+      "comments_count": 10,
+      "date": "August 08, 2018",
+      "name": "CTemplar’s GoFundMe Campaign",
+      "slug": "gofundme-ctemplars-campaign",
+      "image_card": "assets/images/blog/go-fund-me.jpg",
+      "image_featured": "assets/images/blog/go-fund-me.jpg",
+      "image": "assets/images/blog/go-fund-me.jpg",
+      "text": "Today we have started accepting donations to create the first backdoor free encrypted email service.  You can read about it below and visit the campaign using the link: <a href='https://www.gofundme.com/vqta3-honest-encrypted-email' target='_blank'>https://www.gofundme.com/vqta3-honest-encrypted-email</a>.<br>CTemplar servers reside in Iceland, the strongest country for privacy.  This provides users with the best privacy protection in the world. This is in stark contrast to a country like Switzerland that is legally required to send all users’ decrypted data to the USA."
+    }
+  ]
 }
\ No newline at end of file
diff --git a/src/assets/images/account-creation-img.jpg b/src/assets/images/account-creation-img.jpg
new file mode 100644
index 000000000..34e604e7e
Binary files /dev/null and b/src/assets/images/account-creation-img.jpg differ
diff --git a/src/assets/images/account-creation-img.png b/src/assets/images/account-creation-img.png
deleted file mode 100644
index 2f3228d6b..000000000
Binary files a/src/assets/images/account-creation-img.png and /dev/null differ
diff --git a/src/assets/images/blog/go-fund-me.jpg b/src/assets/images/blog/go-fund-me.jpg
new file mode 100644
index 000000000..2a60df8b0
Binary files /dev/null and b/src/assets/images/blog/go-fund-me.jpg differ