@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin);
        @import url(https://fonts.googleapis.com/css?family=Open+Sans:600&subset=latin);
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Open Sans', sans-serif;
            line-height: 1.6;
            color: #666666;
        }

        .container {
            position: relative;
            text-align: left;
            margin: 0px auto;
            width: 80%;
        }

        .container-fluid {
            position: relative;
            text-align: left;
            margin: 0px auto;
            width: 100%;
            border-bottom: 1px solid #ddd;
        }

        header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        background: #fff;
        width: 80%; /* Set the width to 80% */
        margin: 0 auto; /* Center the header horizontally */
    }


        header img {
            max-height: 50px;
        }

        nav a {
            margin: 0 10px;
            text-decoration: none;
             color: #666666;
            font-weight: bold;
        }

        .logo {
            display: flex;
            align-items: center;
        }

        .logo img {
            margin-right: 10px;
        }

        .hero {
            text-align: center;
            padding: 80px 20px;
        }

        .hero img {
            width: 307px;
            height: 257px;
        }

       .hero h1 {
            color: #000;
              margin: 20px 0;
              top: 0px;
               font-weight: 600;
              font-size: 82.13px;
              text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 6px;
              margin-bottom: 0px;

        }

        .hero p {
            color: #555;
            font-weight: 300;
              font-size: 35px;
              margin-top: -40px;
        }

        .icons {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            padding: 30px 0px;
        }

        .icon {
            text-align: center;
            margin: 0px;
            flex: 1 1 300px;
        }

        .icon-wrap {
            height: 150px;
        }

        .icon img {
            width: 125px;
        }



        .terms {
            padding: 50px 0px;
            
        }

        .terms h2 {
            font-size: 2rem;
            margin-bottom: 20px;
            font-weight: 300;
        }
        .terms a{
            font-size: 24px;
        }

        .terms p,
        .icons p{
            margin: 0 auto;
            font-size: 24px;
            text-align: left;
        }

        footer {
            padding: 20px;
            background: #fff;
            border-top: 1px solid #ddd;
            padding-left: 0px;
        }

        footer h2 {
            font-size: 2rem;
            margin-bottom: 20px;
            font-weight: 300;
        }

        footer p {
            
            font-weight: 300;
            font-size: 24px;
        }

        /* Go to Top Button */
        #goToTop {
            position: fixed;
            bottom: 20px;
            right: 20px;
             
            color: #fff;
            
            border: none;
            border-radius: 50%;
            cursor: pointer;
            font-size: 0;
            display: none; /* Initially hidden */
             
        }

        #goToTop:hover {
             
        }

        @media (max-width: 768px) {
            header {
                flex-wrap: wrap;
                text-align: center;
            }

            header img {
                margin-bottom: 10px;
            }

            nav {
                margin-top: 10px;
            }

            .hero h1 {
                font-size: 2rem;
            }

            .hero p {
                    color: #555;
                    font-weight: 300;
                    font-size: 25px;
                    margin-top: 0px;
            }

            .icons p {
              margin: 0 auto;
              font-size: 24px;
              text-align: center;
              margin-bottom: 20px;
            }

            .terms h2 {
              font-size: 1.5rem;
              margin-bottom: 20px;
              font-weight: 300;
            }





        }