h1 {
            font-family: 'Montserrat', Arial, sans-serif;
            font-weight: 400;
            font-size: 18px;
            letter-spacing: 5px;
            font-weight: bold;
            color: #eb9b5a;
        }

        .title {
            font-family: 'Montserrat', Arial, sans-serif;
            font-weight: 400;
            font-size: 20px;
            color:white;
            height:100%;
            text-align:left;
            vertical-align:top;
            float:left;
            padding-left:35px;
        }
        .copyright {
            font-family: 'Montserrat', Arial, sans-serif;
            font-weight: 400;
            font-size: 20px;
            color: #eb9b5a;
            float:right;
        }
        .contact {
            font-family: 'Montserrat', Arial, sans-serif;
            font-weight: 400;
            font-size: 22px;
            color:#434343;
            height:100%;
            text-align:left;
            vertical-align:top;
            float:left;
            padding-left:35px;
        }
        .button {
          background-color: #bd4827;
          border: none;
          color: white;
          padding: 4px 18px;
          text-align: center;
          text-decoration: none;
          display: inline-block;
          font-size: 14px;
          border-radius: 5px;
          letter-spacing:2px;
        }
        a.button {
         text-decoration: none;
        }
        p, ul, li {
            font-family: Helvetica, 'Times New Roman', Verdana, Georgia, 'Trebuchet MS', Arial, sans-serif;
            font-size:16px;
            color:#58595a;
            letter-spacing: 1.2px;
        }
        
        .nav {
            font-family: 'Montserrat', Arial, sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: #999;
            letter-spacing: 3px;
            /*padding-left: 3px;
            padding-right: 3px;
            padding-top: 5px;
            padding-bottom: 5px;*/
            border: 2px solid #999;
            text-align: center;
            height: 32px;
            width: 190px;
            cursor: pointer;
            display:flex;
            justify-content:center;
            align-items:center;
        }
        a.navLink {
            color:#999;
        }
        a.navLink:hover {
            color: #bc4727;
            text-decoration:none;
        }
        #logo {
            width:100%;
            max-width:440px;
        }
        #logoDiv {
            height:200px;
        }

        /* Remove the navbar's default margin-bottom and rounded borders */
        .navbar {
            margin-bottom: 0;
            border-radius: 0;
        }

        /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
        .row.content {
            /*height: 450px;*/
        }

        /* Set gray background color and 100% height */
        /*.sidenav {
            background-color: #fff;
        }*/

        /* Set black background color, white text and some padding */
        footer {
            background-color: #bc4727;
            color: white;
        }

        .addBorders {
            border: 1px solid black;
        }

        .flexBottom {
            display: flex;
            justify-content: flex-end;
            flex-direction: column;
        }

        .third {
            width: 32.2%; /* IE */
            /*flex: 0 1 calc(33.333333% - 20px);*/
        }


        #particleDiv {
            /*position: relative;*/
        }

        #particleDiv img {
            position: absolute;
            top: 0px;
            right: 0px;
            z-index: 99;
        }
        #optimizingExpertiseDiv {
            /*height:116px;*/
            padding-top:10px;
            padding-bottom:10px;
        }
        #optimizingExpertise {
            width:100%;
            max-width:440px;
            /*height:105px;*/
        }
        #particles {
            width:100%;
            max-width:900px;
        }
        #smallGrayLogo {
            width:100%;
            max-width:60px;
        }
        #smallGrayLogoDiv {
            padding-right: 45px;
            height: 160px;
            display: flex;
            flex-grow: 1;
            flex-flow: row-reverse;
            align-items: flex-end;
        }
        #viewPresentationDiv {
            background-color:#fff;
            padding-top:20px;
            padding-bottom:25px;
        }
        #viewPresentationDiv2 {
            height:160px;
            display:flex;
            flex-flow:row;
            flex-wrap:nowrap;
        }
        #viewPrezDiv {
            height:160px;
            display:flex;
            flex-grow:1;
            padding-left:0px;
            padding-right:0px;
            cursor: pointer;
        }
        #navDiv {
            height:160px;
            display:flex;
            flex-grow:1;
            justify-content:center;
            padding-right:0px;
            padding-left:0px;
        }
        #navigationDiv {
            margin-top:36px;
            /*width: 450px;
            min-width: 450px;*/
            display:flex;
            justify-content:center;
        }
        #contentDiv {
            padding-top:15px
        }
        .enterCode {
                font-family: Arial, sans-serif;
                /*font-weight: 600;*/
                /*font-size: 11px;
                color: #999;
                letter-spacing: 2px;*/
                /*padding-left: 3px;
                padding-right: 3px;
                padding-top: 5px;
                padding-bottom: 5px;*/
                /*border: 1px solid #999;*/
                text-align: center;
                height: 250px;
                width: 500px;
                display:flex;
                justify-content:center;
                align-items:center;
                background-color:#f0f1f1;
                /*background-image:url("images/particles.png");*/
            }





        @media screen and (max-width: 1200px) {
            #navigationDiv {
                width: 225px;
                min-width: 225px;
                margin-top:27px;
            }
            #viewPresentation {
                width: 243px;
                height: 128px;
            }
            #navSpacerDiv {
                display:none;
            }
        }

        @media screen and (max-width: 960px) {
            #viewPresentation {
                width: 243px;
                height: 128px;
            }
            #logo {
                width: 320px;
                height: 46px;
            }
            #optimizingExpertise {
                width: 320px;
                height: 92px;
            }
            #optimizingExpertiseDiv {
                /*height:95px;*/
            }
            #navigationDiv {
                margin-top:29px;
            }
            .nav {
                /*margin-top: 27px;*/
            }
        }

        /* On small screens, set height to 'auto' for sidenav and grid max-width: 767px - 1200px */
        @media screen and (max-width: 767px) {
            /*.sidenav {
                height: auto;
                padding-left: 15px;
                padding-right: 15px;
            }*/
            .row.content {
                /*height: auto;*/
            }
            .col-1 {
                /*width:1px;
                padding-right:0px;
                padding-left:0px;*/
            }
            .col-sm-3, .col-sm-2, .col-sm-1 {
                /*position:relative;
                float:left;
                min-height:1px;*/
                /*width: 20px;*/
            }

            #viewPresentation {
                width: 200px;
                height: 105px;
            }

            #smallGrayLogoDiv {
                display: none;
                /*padding-right:0px;*/
            }

            #smallGrayLogo {
                width: 35px;
                /*display:none;*/
            }
            #navigationDiv {
                margin-top:24px;
            }
            .nav {
                /*margin-top: 23px;*/
            }
            .title, .copyright {
                font-size:18px;
            }
        }

        /*@media (min-width: 576px)*/
        @media screen and (max-width: 576px) {
            #logoDiv {
                height:75px;
            }
            #logo {
                width: 175px;
                height: 25px;
                margin-left:25px;
                z-index: 100;
            }
            #particles {
                /*max-height:160px;*/
                max-width:400px; /*253*/
            }
            #optimizingExpertise {
                width: 175px;
                height: 50px;
                margin-left:23px;
            }
            #viewPresentation {
                width: 175px; /*175px*/
                height: 92px; /*92px*/
                margin-left:23px;
            }
            #optimizingExpertiseDiv {
                /*height:52px;*/
            }
            #navigationDiv {
                margin-top:21px;
            }
            #viewPresentationDiv2 {
                height:100px;
            }
            #viewPresentationDiv {
                background-color:#fff;
                padding-top:15px;
                padding-bottom:20px;
            }
            #viewPrezDiv {
                height:100px;
            }
            #navDiv {
                height:100px;
            }
            .nav {
                font-family: 'Montserrat', Arial, sans-serif;
                font-weight: 500;
                font-size: 11px;
                color: #999;
                letter-spacing: 2px;
                /*padding-left: 3px;
                padding-right: 3px;
                padding-top: 5px;
                padding-bottom: 5px;*/
                border: 1px solid #999;
                text-align: center;
                height: 25px;
                width: 145px;
                cursor: pointer;
                display:flex;
                justify-content:center;
                align-items:center;
            }

            .navAboutRenar {
              display: block;
              width: 100px;
              height: 100px;
              background: url('/images/about_renar.png') bottom;
              text-indent: -99999px;
            }

            .navAboutRenar:hover {
              background-position: 0 0;
            }
            #contentDiv {
                padding-top:5px
            }
            h1 {
                font-family: 'Montserrat', Arial, sans-serif;
                font-weight: 400;
                font-size: 14px;
                letter-spacing: 3px;
                font-weight: bold;
                color: #eb9b5a;
            }
            p {
                font-family: Arial, sans-serif;
                font-size:14px;
            }
            .title, .copyright, .contact {
                font-size:16px;
            }

        }