body {
    background: #303036;
    text-align: center;
    text-rendering: auto;
    font-size: 17px;
    line-height: 1.6em;
    height: 100vh;
    /*overflow: hidden;*/
    /*padding: 18%;
    padding-top: 25vh;*/
}

* {
    box-sizing: border-box;
}


/*
 * ██████╗ ██╗   ██╗████████╗████████╗ ██████╗ ███╗   ██╗
 * ██╔══██╗██║   ██║╚══██╔══╝╚══██╔══╝██╔═══██╗████╗  ██║
 * ██████╔╝██║   ██║   ██║      ██║   ██║   ██║██╔██╗ ██║
 * ██╔══██╗██║   ██║   ██║      ██║   ██║   ██║██║╚██╗██║
 * ██████╔╝╚██████╔╝   ██║      ██║   ╚██████╔╝██║ ╚████║
 * ╚═════╝  ╚═════╝    ╚═╝      ╚═╝    ╚═════╝ ╚═╝  ╚═══╝
 * 
 */

.button:hover:before {
    width: 100%;
    background: #e2e2e2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.button {
    display: inline-block;
    font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    position: relative;
    padding: 0.8em 1.4em;
    padding-left: 4.7em;
    /*background: #009ED8;*/
    background-color: #ffffff;
    border: none;
    color: white;
    transition: 0.2s;
    margin-bottom: 3px;
    color: #000;
    z-index:999;
}

span {
  position: relative;
  z-index: 1;
}

.button-icon-right,
.button-icon-right {
    padding-right: 4.7em;
}

.button:before,
.button:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding-top: inherit;
    padding-bottom: inherit;
    width: 2.8em;
    content: "\00a0";
    font-family: 'FontAwesome', sans-serif;
    font-size: 1.2em;
    text-align: center;
    transition: 0.2s;
    transform-origin: 50% 60%;
    color: #000;
}

.button-icon-right:before,
.button-icon-right:after {
    right: 0;
}

.button-icon-right {
    right: 0;
}

.button:before {
    background: rgba(0, 0, 0, 0.1);
}

.button:hover {
    /*background: #0079a5;*/
    color: #000 !important;
    text-decoration: none !important;
}

.button:active,
.button:focus {
    /*background: #002e3f;*/
    outline: none;
}

.button {
    min-width: 15em;
}
/*
 * 
 * ██╗    ██╗███████╗██████╗ ███████╗██╗████████╗███████╗
 * ██║    ██║██╔════╝██╔══██╗██╔════╝██║╚══██╔══╝██╔════╝
 * ██║ █╗ ██║█████╗  ██████╔╝███████╗██║   ██║   █████╗
 * ██║███╗██║██╔══╝  ██╔══██╗╚════██║██║   ██║   ██╔══╝
 * ╚███╔███╔╝███████╗██████╔╝███████║██║   ██║   ███████╗
 *  ╚══╝╚══╝ ╚══════╝╚═════╝ ╚══════╝╚═╝   ╚═╝   ╚══════╝
 * 
 */

.website {
    /*background: #FE5F55;*/
}
.website:after {
    content: "\f26c";
}

.website:hover:after {
    -webkit-animation: none;
    -webkit-transform: scale(1.4);
    animation: none;
    transform: scale(1.4);

}

/*
 * 
 *  █████╗ ██████╗ ██████╗  ██████╗ ██╗    ██╗
 * ██╔══██╗██╔══██╗██╔══██╗██╔═══██╗██║    ██║
 * ███████║██████╔╝██████╔╝██║   ██║██║ █╗ ██║
 * ██╔══██║██╔══██╗██╔══██╗██║   ██║██║███╗██║
 * ██║  ██║██║  ██║██║  ██║╚██████╔╝╚███╔███╔╝
 * ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝  ╚═╝ ╚═════╝  ╚══╝╚══╝
 * 
 */

.arrow {
    background: #FE5F55;
}

.arrow:hover {
    background: #fe2f22;
}

.arrow:active,
.arrow:focus {
    background: #b90c01;
}

.arrow:after {
    content: "\F054";
}

.arrow:hover:after {
    -webkit-animation: none;
    -webkit-transform: scale(1.4);
    animation: none;
    transform: scale(1.4);
}

/*
 *
 * ██████╗ ██╗  ██╗ ██████╗ ███╗   ██╗███████╗
 * ██╔══██╗██║  ██║██╔═══██╗████╗  ██║██╔════╝
 * ██████╔╝███████║██║   ██║██╔██╗ ██║█████╗
 * ██╔═══╝ ██╔══██║██║   ██║██║╚██╗██║██╔══╝
 * ██║     ██║  ██║╚██████╔╝██║ ╚████║███████╗
 * ╚═╝     ╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═══╝╚══════╝
 * 
 */
.phone {
    background: #139675;
}

.phone:hover {
    background: #0d6952;
}

.phone:active,
.phone:focus {
    background: #083b2e;
}

.phone:after {
    content: "\F095";
}

.phone:hover:after {
    -webkit-animation: none;
    -webkit-transform: scale(1.4);
    animation: none;
    transform: scale(1.4);
}

/*
 * 
 * ███████╗███╗   ███╗ █████╗ ██╗██╗
 * ██╔════╝████╗ ████║██╔══██╗██║██║
 * █████╗  ██╔████╔██║███████║██║██║
 * ██╔══╝  ██║╚██╔╝██║██╔══██║██║██║
 * ███████╗██║ ╚═╝ ██║██║  ██║██║███████╗
 * ╚══════╝╚═╝     ╚═╝╚═╝  ╚═╝╚═╝╚══════╝
 * 
 */

.email {
    background: #C673B3;
}

.email:hover {
    background: #b74f9f;
}

.email:active,
.email:focus {
    background: #963d82;
}

.email:after {
    content: "\F0E0";
}

.email:hover:after {
    -webkit-animation: none;
    -webkit-transform: scale(1.4);
    animation: none;
    transform: scale(1.4);
}

/*
 * 
 * ███████╗███████╗ █████╗ ██████╗  ██████╗██╗  ██╗
 * ██╔════╝██╔════╝██╔══██╗██╔══██╗██╔════╝██║  ██║
 * ███████╗█████╗  ███████║██████╔╝██║     ███████║
 * ╚════██║██╔══╝  ██╔══██║██╔══██╗██║     ██╔══██║
 * ███████║███████╗██║  ██║██║  ██║╚██████╗██║  ██║
 * ╚══════╝╚══════╝╚═╝  ╚═╝╚═╝  ╚═╝ ╚═════╝╚═╝  ╚═╝
 * 
 */

.search:after {
    content: "\f002";
}

.search:hover:after {
    -webkit-animation: none;
    -webkit-transform: scale(1.4);
    animation: none;
    transform: scale(1.4);
}

 /*
 *  
 *  ██████╗  ██████╗  ██████╗  ██████╗ ██╗     ███████╗
 * ██╔════╝ ██╔═══██╗██╔═══██╗██╔════╝ ██║     ██╔════╝
 * ██║  ███╗██║   ██║██║   ██║██║  ███╗██║     █████╗  
 * ██║   ██║██║   ██║██║   ██║██║   ██║██║     ██╔══╝  
 * ╚██████╔╝╚██████╔╝╚██████╔╝╚██████╔╝███████╗███████╗
 *  ╚═════╝  ╚═════╝  ╚═════╝  ╚═════╝ ╚══════╝╚══════╝
 * 
 */

.google:after {
    content: "\f1a0";
}

.google:hover:after {
    -webkit-animation: none;
    -webkit-transform: scale(1.4);
    animation: none;
    transform: scale(1.4);
}

/*
 * 
 * ███████╗ █████╗  ██████╗███████╗██████╗  ██████╗  ██████╗ ██╗  ██╗
 * ██╔════╝██╔══██╗██╔════╝██╔════╝██╔══██╗██╔═══██╗██╔═══██╗██║ ██╔╝
 * █████╗  ███████║██║     █████╗  ██████╔╝██║   ██║██║   ██║█████╔╝
 * ██╔══╝  ██╔══██║██║     ██╔══╝  ██╔══██╗██║   ██║██║   ██║██╔═██╗
 * ██║     ██║  ██║╚██████╗███████╗██████╔╝╚██████╔╝╚██████╔╝██║  ██╗
 * ╚═╝     ╚═╝  ╚═╝ ╚═════╝╚══════╝╚═════╝  ╚═════╝  ╚═════╝ ╚═╝  ╚═╝
 *
 */

.facebook:after {
    content: "\f082";
}

.facebook:hover:after {
    -webkit-animation: none;
    -webkit-transform: scale(1.4);
    animation: none;
    transform: scale(1.4);
}

/*
 *
 * ██╗███╗   ██╗███████╗████████╗ █████╗  ██████╗ ██████╗  █████╗ ███╗   ███╗
 * ██║████╗  ██║██╔════╝╚══██╔══╝██╔══██╗██╔════╝ ██╔══██╗██╔══██╗████╗ ████║
 * ██║██╔██╗ ██║███████╗   ██║   ███████║██║  ███╗██████╔╝███████║██╔████╔██║
 * ██║██║╚██╗██║╚════██║   ██║   ██╔══██║██║   ██║██╔══██╗██╔══██║██║╚██╔╝██║
 * ██║██║ ╚████║███████║   ██║   ██║  ██║╚██████╔╝██║  ██║██║  ██║██║ ╚═╝ ██║
 * ╚═╝╚═╝  ╚═══╝╚══════╝   ╚═╝   ╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝     ╚═╝
 *
 */

.instagram:after {
    content: "\f16d";
}

.instagram:hover:after {
    -webkit-animation: none;
    -webkit-transform: scale(1.4);
    animation: none;
    transform: scale(1.4);
}

/*
 *
 * ██╗   ██╗ ██████╗ ██╗   ██╗████████╗██╗   ██╗██████╗ ███████╗
 * ╚██╗ ██╔╝██╔═══██╗██║   ██║╚══██╔══╝██║   ██║██╔══██╗██╔════╝
 *  ╚████╔╝ ██║   ██║██║   ██║   ██║   ██║   ██║██████╔╝█████╗
 *   ╚██╔╝  ██║   ██║██║   ██║   ██║   ██║   ██║██╔══██╗██╔══╝
 *    ██║   ╚██████╔╝╚██████╔╝   ██║   ╚██████╔╝██████╔╝███████╗
 *    ╚═╝    ╚═════╝  ╚═════╝    ╚═╝    ╚═════╝ ╚═════╝ ╚══════╝
 * 
 */

.youtube:after {
    content: "\f16a";
}

.youtube:hover:after {
    -webkit-animation: none;
    -webkit-transform: scale(1.4);
    animation: none;
    transform: scale(1.4);
}

@-webkit-keyframes full-circle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes full-circle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes bounceright {
    from {
        -webkit-transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(3px);
    }
}

@-webkit-keyframes wiggle {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(30deg);
    }
}

@keyframes bounceright {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(3px);
    }
}

@keyframes wiggle {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(30deg);
    }
}