html,
        body  {
            background-color: #fff;
            color: #904b9b;
            font-family: 'Lato', 'Arial', sans-serif;
            font-weight: 300;
            font-size: 20px;
            text-rendering: optimizeLegibility;
            overflow-x: hidden;
        }        

        body {
            margin: 0;
        } 

        h1, h2 {
            font-family: Zilla Slab, Arial;
            font-weight: 300;
            text-transform: uppercase;

        }


        .hero-text-box {
            position: absolute;
            width: 740px;
            top: 55%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

                /* Extra markup and styles for table-esque vertical and horizontal centering */
        .site-wrapper {
          display: table;
          width: 100%;
          height: 100%; /* For at least Firefox */
          min-height: 100%;
        }

        h1 {
            margin-top: 0;
            margin-bottom: 20px;
            padding: 5px 5px;
            color: #fff;
            font-size: 140%;
            font-weight: 300;
            word-spacing: 4px;
            letter-spacing: 1px;
        }

            font-family: 'Roboto', sans-serif;

            font-family: 'Zilla Slab', serif;


        /*#triangles {
            width: 100vw;
            position: block;
            margin: auto;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
          }

            /* fallback for old browsers */

        header{        
            background-image: -webkit-linear-gradient(to left, rgba(112, 212, 170, 0.85) , rgba(189, 252, 170, 0.83)), 
            background-image: url(resources/img/IMG_0068-vectors.png); /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to left, rgba(14, 22, 224, 0.63) , rgba(189, 252, 170, 0.83)), url(resources/img/IMG_0068-vectors.png); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            background-size: cover;
            background-position: center;
            height: 100vh;
            z-index:-1;
        }

        .main-nav {
            float: center;
            display: inline-block;
            list-style: none;
            text-align: center;
        }


        .main-nav li {
            float: center;
            list-style: none;
            position: absolute;
            margin-left: 20px;
            margin-top: 85px;
            text-align: center;
            font-size: 100%;
        }

        .main-nav li a:link,
        .main-nav li a:visited {
            padding: 5px 15px;
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            border-bottom: 1px solid transparent;
            transition: border-bottom 0.2s;
        }

        .main-nav li a:hover,
        .main-nav li a:active {
            border-bottom: 2.5px #ff5dda;
            border-bottom: thick dotted #fffafe;
        }

        li {
            float: center;
            margin-left: 20px;
            margin-bottom: 50px;
            margin-top: 55px;
            text-align: center;
            font-size: 90%;
        }


        .logo {
            height: 20%;
            width: auto;
            margin-top: -10px;
            position: absolute;
            top: 25%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index:1;
        }

        .footer li {
            float: center;
            height: auto;
            display: inline-block;
            margin-left: 0px;
            margin-top: 70%;
        }

        .footer li {
            margin: 0;
            padding: 5px;
            width: auto;
            list-style-type: none;
            float: left;
            margin-top: 15px;
        }

        .footer li ul { 
            display: inline; 
        }

       .partners  {
            height: 12%;
            width: auto;
            margin-right: 2px;
            display: table-row;
        }

         .partners  {
            display: table;
        }