.masthead {
            position: relative
        }

        .masthead__image {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 2
        }

        .masthead__image img {
            object-fit: cover;
            width: 100%;
            height: 100%
        }

        .masthead__wrap {
            padding: 115px 0 65px;
            position: relative;
            background: linear-gradient(to right, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 37%, rgba(38, 161, 219, 1) 100%)
        }

        .masthead__content {
            position: relative;
            z-index: 99;
            text-align: center
        }

        .masthead__content h1 {
            color: #fff;
            padding-bottom: 12px
        }

        .masthead__content p {
            color: #fff;
            font-size: 18px;
            padding-bottom: 20px
        }

        .masthead__image__col {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            position: relative;
            max-width: 260px;
            margin: 0 auto 15px
        }

        .masthead__image__col::before {
            content: "";
            position: absolute;
            left: 50px;
            top: 50%;
            width: calc(100% - 100px);
            height: 1px;
            background: rgba(255, 255, 255, .55);
            z-index: -1
        }

        .masthead__icon {
            font-size: 13px;
            color: #fff;
            width: 33px;
            height: 33px;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, .55);
            background: #2a459d;
            text-align: center;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            margin: 0 10px;
            box-shadow: 0 0 15px rgba(255, 255, 255, .74);
            position: relative
        }

        .masthead__image__icon2 {
            width: 43px;
            height: 43px;
            font-size: 21px
        }

        .masthead__image__icon3 {
            width: 54px;
            height: 54px;
            font-size: 24px
        }

        .masthead__image__icon4 {
            font-size: 16px
        }

        .masthead__image__icon3 .animate-dot-circle:before {
            top: 4px
        }

        .animate-dot-circle::after {
            content: "";
            position: absolute;
            left: 23px;
            bottom: -2px;
            width: 3px;
            height: 3px;
            background: rgba(255, 255, 255, 1);
            border-radius: 50%
        }

        .animate-dot-circle::before {
            content: "";
            position: absolute;
            left: 9px;
            top: -3px;
            width: 5px;
            height: 5px;
            background: rgba(255, 255, 255, 1);
            border-radius: 50%
        }

        .masthead__image__icon2 .animate-dot-circle::before {
            top: -1px
        }

        .masthead__image__icon2::before {
            left: 6px;
            top: 1px
        }

        .masthead__image__icon2::after {
            left: 34px;
            bottom: 5px
        }

        .masthead__image__icon3::before {
            left: 6px;
            top: 5px
        }

        .masthead__image__icon3::after {
            left: 42px;
            bottom: 5px
        }

        .masthead__image__icon3 .animate-dot-circle:before {
            top: 1px
        }

        .animate-dot-circle {
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, .55);
            width: inherit;
            height: inherit;
            position: absolute;
            animation: rotate 3s infinite;
            animation-timing-function: cubic-bezier(1, 0, .5, 1)
        }

        @media (min-width:768px) {
            .masthead--homepage {
                overflow: hidden
            }

            .masthead__image {
                width: 140%
            }

            .masthead__wrap {
                padding: 130px 0 160px;
                background: linear-gradient(to right, rgba(9, 9, 121, 1) 0%, rgba(9, 9, 121, 1) 100%, rgba(9, 9, 121, .1) 100%)
            }

            .masthead__image__col {
                max-width: 340px;
                margin: 0 auto 25px
            }

            .masthead__icon {
                font-size: 17px;
                width: 42px;
                height: 42px;
                margin: 0 15px
            }

            .masthead__image__icon2 {
                width: 54px;
                height: 54px;
                font-size: 25px
            }

            .masthead__image__icon3 {
                width: 68px;
                height: 68px;
                font-size: 24px
            }

            .masthead__image__icon4 {
                font-size: 20px
            }
        }

        @media (min-width:1199px) {
            .masthead__image__col:before {
                content: none
            }

            .masthead__icon::before {
                content: "";
                position: absolute;
                left: 54px;
                top: 50%;
                width: 54px;
                height: 1px;
                background: rgba(255, 255, 255, .55);
                z-index: -1
            }

            .masthead__image__icon2.masthead__icon:before {
                left: 40px
            }

            .masthead__image__icon4.masthead__icon:before {
                left: -42px
            }

            .masthead__icon {
                font-size: 24px;
                width: 55px;
                height: 55px;
                margin: 0 20px
            }

            .masthead__image__icon2 {
                width: 70px;
                height: 70px;
                font-size: 30px
            }

            .masthead__icon {
                font-size: 24px;
                width: 55px;
                height: 55px;
                margin: 0 20px
            }

            .masthead__image__col {
                max-width: 810px;
                margin: 0 auto 25px
            }

            .masthead__image__large img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
                object-fit: cover
            }

            .masthead__image__large {
                width: 454px;
                height: 454px;
                border-radius: 50%;
                padding: 15px;
                background: rgba(255, 255, 255, .11);
                border: 1px solid rgba(255, 255, 255, .55);
                box-shadow: 0 3px 6px rgba(255, 255, 255, .64)
            }
        }

        @media (min-width:1200px) {
            .masthead__image__icon2.masthead__icon:before {
                left: 55px
            }

            .masthead__wrap {
                padding: 254px 0 420px;
                position: relative;
                background: linear-gradient(to right, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 37%, rgba(38, 161, 219, 1) 100%)
            }

            .masthead__image {
                width: 100%
            }

            .masthead__info {
                width: 500px;
                text-align: left
            }

            .masthead__image-column {
                position: absolute;
                right: -20px;
                top: -100px
            }

            .masthead__image__col {
                max-width: 810px;
                margin: 0 auto 25px
            }

            .masthead__icon {
                font-size: 24px;
                width: 55px;
                height: 55px;
                margin: 0 20px
            }

            .masthead__image__icon2 {
                width: 70px;
                height: 70px;
                font-size: 30px
            }

            .masthead__image__icon4 {
                font-size: 28px
            }

            .masthead__image__large {
                width: 454px;
                height: 454px;
                border-radius: 50%;
                padding: 15px;
                background: rgba(255, 255, 255, .11);
                border: 1px solid rgba(255, 255, 255, .55);
                box-shadow: 0 3px 6px rgba(255, 255, 255, .64)
            }

            .masthead__image__large img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
                object-fit: cover
            }

            .masthead__image__large.masthead__icon.hidden-md-down {
                display: block
            }

            .masthead__content {
                position: inherit
            }

            .masthead__wrap .container {
                position: relative
            }

            .masthead__image__col::before {
                display: none
            }

            .masthead__icon::before {
                content: "";
                position: absolute;
                left: 54px;
                top: 50%;
                width: 54px;
                height: 1px;
                background: rgba(255, 255, 255, .55);
                z-index: -1
            }

            .masthead__image__icon4::before {
                left: -41px
            }

            .animate-dot-circle::after {
                left: 37px;
                bottom: 1px;
                width: 5px;
                height: 5px
            }

            .masthead__image__icon2 .animate-dot-circle::after {
                bottom: -3px
            }

            .animate-dot-circle::before {
                top: 1px
            }

            .masthead__image__icon2 .animate-dot-circle::before {
                top: 5px
            }

            .masthead__image__icon2::after {
                left: 55px;
                bottom: 7px
            }

            .masthead__image__icon2 i::after {
                left: 7px;
                top: 6px
            }

            .masthead__image__icon4 {
                background: #228ecf
            }

            .masthead__content p {
                padding-bottom: 28px
            }

            .masthead__content h1 {
                padding-bottom: 24px
            }

            .masthead__image {
                left: 146px
            }

            .masthead__image img {
                object-position: left
            }

            .masthead__image__large.masthead__icon::after {
                display: none
            }
        }

        @media (min-width:1600px) {
            .masthead__image-column {
                right: -120px;
                top: -111px
            }

            .masthead__info {
                width: 645px
            }
        }

        @-webkit-keyframes rotate {
            from {
                -webkit-transform: rotate(0deg)
            }

            to {
                -webkit-transform: rotate(360deg)
            }
        }