html {
        	background-color: #F7FAFF; 
        } 

    	.margin-top-button {
           margin-top: 15px;
    	}

        nav {
          -webkit-box-shadow: 0px 14px 38px -14px rgba(207,207,207,1);
          -moz-box-shadow: 0px 14px 38px -14px rgba(207,207,207,1);
          box-shadow: 0px 14px 38px -14px rgba(207,207,207,1);
        }

        .navbar-item {
        	margin: 0 auto;
        }

        .navbar-item img {
		    max-height: 2.95rem;
		}

        .brand-text {
           margin-left: 5px;
           font-family: 'Varela Round', sans-serif;
           font-weight: bold;
        }
        
        /* todo add the media query */
        .navbar-item img {
        	margin: 15px 20px;
            width: 260px;
        }

        .column {
        	padding: 2.55rem;
        }

        .content-image {
        	padding: 55px 0;
            text-align: center;
        }

        #staff-image {
        	height: 140px;
        }

        .message.is-dark .message-header, .button.is-dark {
        	background-color: #90C118;
        	border-radius: 0px;
        }

        .button.is-dark:hover {
        	background-color: #5e7c10;
        }

        .button.is-link:hover {
        	background-color: #0677a0;
        }

        .message.is-link .message-header, .button.is-link {
        	background-color: #089ED9;
        	border-radius: 0px;
        }

        .message.is-dark .message-header+.message-body, .message.is-link .message-body {
        	background-color: #FFFFFF;
        	color: #828283;
        	border: 1px solid rgba(22,28,48, 0.05); 
        	border-radius: 0px;
        }

        .button.is-fullwidth {
        	padding-right: 30px;
        	padding-left: 30px;
        }


/* animation */
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}