@font-face {
                font-family: 'Gilroy';
                src: url("../assets/fonts/gilroy-extrabold.otf");
                font-weight: 700;
            }
            @font-face {
                font-family: 'Gilroy';
                src: url("../assets/fonts/gilroy-light.otf");
                font-weight: 300;
            }
            @-ms-viewport{
                width: device-width;
            }
            .gilroy{
                font-family: 'Gilroy', Arial, sans-serif;
            }
            
            .affirm-button{
                background-color: dodgerblue;
                padding: 9px;
            }
            .indent{
                padding-left:10px;
            }

            @media (max-width: 576px) {
                #footer-title{
                    font-size: 2rem;
                }
                #header-img-container{
                    height:50vh;
                }
                #header-img{
                    position: absolute;
                    height:100%;
                    top:50%;
                    left:0%;
                    transform: translate(-50%,-50%);
                }
                #menu-button{
                    padding:6px 4px;
                }
                #header-main-title{
                    margin-right:8px;
                }
                #footer-main-title{
                    font-size: 2rem;
                }
                #menu-title{
                    padding:0;
                    margin:0;
                    font-size: 0.8rem;
                    text-transform: lowercase;
                }
                #companyDropdown{
                    margin-top:15px;
                }
            }
            /* Small devices (landscape phones, 576px and up)*/
            @media (min-width: 576px) {
                #header-img-container{
                    height:50vh;
                }
                #header-img{
                    position: absolute;
                    height:100%;
                    top:50%;
                    left:15%;
                    transform: translate(-50%,-50%);
                }
            }
            /*Medium devices (tablets, 768px and up)*/
            @media (min-width: 768px) {
                #header-img{
                    position: absolute;
                    height:100%;
                    top:50%;
                    left:25%;
                    transform: translate(-50%,-50%);
                }
            }
            /*Large devices (desktops, 992px and up)*/
            @media (min-width: 992px) {
                .arrow{
                    position: absolute;
                    left:50%;
                    top:-12px;
                    transform: translate(-50%,0);
                    width: 0; 
                    height: 0; 
                    border-left: 12px solid transparent;
                    border-right: 12px solid transparent;
                    
                    border-bottom: 12px solid white;
                }
                .bumper{
                    height:25px;
                    position: absolute;
                    background: transparent;
                    top:-25px;
                }
                .drop-voip{
                    margin-top: 25px;
                }
                .nav-dropdown{
                    margin-top:15px;
                }
                .dropdown-center{
                    right: auto;
                    left: 50%;
                    -webkit-transform: translate(-50%, 0);
                    -o-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
                }
                #sticky-services{
                    position: sticky;
                }
                .rotate-90{
                    writing-mode: sideways-lr;
                }
                #header-img-container{
                    height:auto;
                }
                #header-img{
                    position: initial;
                    top:0;
                    left:0;
                    transform: none;
                    width: 100%;
                }
            }
            .text-deepblue{
                color:#1c528c;
            }
            .bg-deepblue{
                background-color:#1c528c;
            }
            .paragraph{
                text-indent: 15px;
            }
            .vert-line{
                border-left: 2px dashed #ddd;
                flex-grow: 1;
            }
            .fade-in{
                display:inline-block;
                border-radius:3px;
                border-left: 2px dashed #f7f8fa;
                background:
                linear-gradient(#f7f8fa,#f7f8fa) padding-box /* Don't extend this to border */,
                linear-gradient(to bottom, transparent, #ddd) border-box; /*Border-box is not need as it's the default value*/
            }
            .fade-out{
                display:inline-block;
                border-radius:3px;
                border-left: 2px dashed #f7f8fa;
                background:
                linear-gradient(#f7f8fa,#f7f8fa) padding-box /* Don't extend this to border */,
                linear-gradient(to bottom, #ddd, transparent) border-box; /*Border-box is not need as it's the default value*/
            }
            .shadow-blue{
                box-shadow: 0 0.5rem 1rem rgba(41,119,204,0.3) !important
            }
            .dropdown:hover > .dropdown-menu {
                display: block;
            }