#SITE_HEADER {
    position: sticky;
    top: 0;
    width: 100%;
    background-color: #ffffff;
    height: 100%;
    display: inline-block;
}

#SITE_HEADER > div > div > div > div.gridContainer {

    > section {
        width: 100%;

        > div {
            vertical-align: baseline;
            border: 0;
            padding: 0;
        }
        
    }
    
}

#navMenu {
    float: right;
    height: 40px;

    > .menu-link {
        float: left;

        > a {
            text-align: center;
            padding: 10px;
            text-decoration: none;
            transition: color .4s ease;
            color: #908F94;
            font: normal normal normal 18px/1.4em raleway-semibold,raleway,sans-serif
        }

        > a:hover {
            color: #A81E3A;
        }

        .selection {
            color: #A81E3A;
        }
        
        margin-top: 10px;
        
    }
    
    @media only screen and (max-width: 1000px) {
        .menu-link {
            width: 100%;
            margin: 10px;
        }
    }

    .menu-link:nth-child(6) {
        padding-right: 20px;
    }

    .menu-link:nth-child(7) {
        background-color: #A81E3A;
        border-radius: 50px;
        border: none;
        transition: background-color .4s ease;
        padding: 10px;
        margin-top: 0px;

        a {
            color: #ffffff;
        }

        a:hover {
            color: #A81E3A;
        }
    }

    .menu-link:hover {
        background-color: #ffffff;
    }
}

@media only screen and (max-width: 1000px) {
    #navMenu {
        height: 350px;
    }
}

#headerColumns > div.h-auto.w-100.position-relative > div.gridContainer {
    position: static;
    display: inline-flex;
    height: auto;
    width: 100%;
    padding-top: 15px;
}

#homeImage {
    position: relative;
    margin: 12px 0px 12px 1%;
    justify-self: start;
    align-self: start;
    cursor: pointer;
    height: 32px;
    width: 156px;
    padding-left: 0;
    top: -8px;
}

.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.wrapping {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.no-padding: {
    padding: 0px;
}

/*
    Homepage sections
*/
#delivering {
    
    .wrapping-col {
        min-height: 900px;
        padding: 15%;
        padding-top: 10%;
        padding-bottom: 10%;
        background: url('../images/Home.jpg') no-repeat scroll center center;
        background-size: cover;
        
        .heading {
            font-size: 66px;
            line-height: 1.1em;
            text-align: center;
            color: #FFFFFF;
            font-size: 66px;
            font-weight: normal;
            font-family: raleway, sans-serif;
            font-style: italic;
            letter-spacing: -0.02em;
            margin-bottom: 50px;
        }

        .text {
            font-size: 19px;
            line-height: 1.6em;
            text-align: center;
            color: #DBDBDB;
            font-weight: bold;
            font-size: 19px;
            font-family: worksans-extralight, work sans, sans-serif;
            letter-spacing: 0em;
            margin-bottom: 50px;
        }

        a {

            .button {
                background: #A81E3A;
                color: white;
                border-radius: 20px;
                padding: 10px;
                padding-right: 20px;
                padding-left: 20px;
                font-family: worksans-extralight, work sans, sans-serif;
                transition: background-color .4s ease;
            }
            .button:hover {
                background: white;
                color: #A81E3A;
            }
        }

    }
    
}

#excellence {
    
    .wrapping {
        background: white;
        padding-left: 50px;
        padding-right: 50px;
    }
    
    .wrapping-first-col {
        background: white;
        min-height: 520px;
        padding: 20px;
        padding-top: 100px;
        padding-bottom: 100px;
        border: 1px solid black;
        border-right: 0px;
        background: url('../images/Light Patterned Background.png') no-repeat fixed center;
        
        .heading {
            text-align: left;
            font-size: 45px;
            line-height: 1.1em;
            color: #A81E3A;
            font-size: 45px;
            font-style: italic;
            font-weight: bold;
            font-family: raleway, sans-serif;
        }
            
    }
    
    .wrapping-col, .wrapping-last-col {
        min-height: 520px;
        padding: 20px;
        padding-top: 100px;
        padding-bottom: 100px;
        border: 1px solid black;
        border-right: 0px;
        
        .image {
            width: 29px;
            height: 61px;
            object-fit: cover;
            margin-bottom: 20px;
        }
        
        .heading {
            margin-bottom: 20px;
            font-size: 21px;
            line-height: normal;
            text-align: center;
            font-family: raleway, sans-serif;
            letter-spacing: normal;
        }
        
        .text {
            font-size: 15px;
            line-height: 1.5em;
            text-align: center;
            font-family: worksans-extralight, work sans, sans-serif;
            letter-spacing: normal;
        }
        
    }
    
    .wrapping-last-col {
        border-right: 1px solid black;
    }
    
    @media only screen and (max-width: 1000px) {
        .wrapping-first-col, .wrapping-col, .wrapping-last-col {
            min-height: 0px;
            padding-top: 30px;
            padding-bottom: 30px;
            border: 0px solid black;
        }
    }
    
    @media only screen and (max-width: 1000px) {
        .image {
            background-color: white;
            padding: 10px;
            height: 50px;
            width: 50px;
        }
    }
    
}

#approach {
    
    .wrapping {
        background: white;
        
        .wrapping-first-col {
            padding-left: 50px;
            padding-top: 50px;
            
            .heading {
                text-align: left;
                line-height: 1.3em;
                font-size: 36px;
                color: #A81E3A;
                font-weight: bold;
                letter-spacing: -0.01em;
                font-family: raleway, sans-serif;
            }
            
            .text {
                text-align: left;
                font-size: 18px;
                font-family: worksans-extralight, work sans, sans-serif;
            }
            
        }
        
        .wrapping-last-col {
            min-height: 520px;
            background: url('../images/Our Approach.png') no-repeat fixed right;
        }
        
    }
    
}

#stats {
    
    .wrapping {
        background: url('../images/Red Corporate Background.png') no-repeat fixed center;
        background-size: cover;
        padding: 50px;
        padding-left: 100px;
        padding-right: 100px;
        color: white;
        
        .wrapping-header-col {
            padding-bottom: 20px;
            
            .heading {
                line-height: normal;
                text-align: center;
                font-size: 36px;
                font-style: italic;
                font-family: raleway, sans-serif;
            }
        }
        
        .wrapping-col {
            
            .big-text {
                text-align: center;
                line-height: normal;
                font-size: 80px;
                letter-spacing: normal;
                font-family: raleway, sans-serif;
            }

            .text {
                text-align: center;
                line-height: normal;
                font-size: 15px;
                font-style: italic;
                font-family: worksans-extralight, work sans, sans-serif;
                letter-spacing: normal;
            }

            .dot {
                font-size: 50px;
            }
            
        }

    }
    
}

#continents {
    
    .wrapping {
        
        .wrapping-col {
            padding-top: 100px;
            padding-bottom: 100px;
            padding-left: 10%;
            background: url('../images/Bridging.png') no-repeat fixed center;
            background-size: cover;
            
            .text {
                opacity: 100%;
                font-size: 30px;
                color: dark-gray;
                font-family: raleway, sans-serif;
            }
            
        }
        
    }
    
}

#trusted {
    
    .wrapping {
        padding: 50px;
        
        .wrapping-first-col {
            padding-left: 10%;
            
            .header {
                font-size: 38px;
                line-height: 1.4em;
                font-style: italic;
                font-family: raleway, sans-serif;
                font-size: 38px;
            }
            
        }
        
        .wrapping-col {
            
            .image {
                background-color: #ececec;
                padding: 40px;
                height: 400px;
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .image img {
                width: 120px;
                height: 30px;
                margin: 0px auto;
            }
            
            @media only screen and (max-width: 800px) {
                .image {
                    background-color: white;
                    padding: 10px;
                    height: 50px;
                    width: 50px;
                }
            }
            
        }
        
        .wrapping-first-col {
            
            .image {
                width: 29px;
                height: 61px;
                object-fit: cover;
                margin-bottom: 20px;
                position: relative;
                top: 45px;
                left: 220px;
            }
            
        }
        
    }
    
}

#contact {

    .wrapping-first-col {
        padding-right: 100px;
        padding-left: 10%;

        .heading {
            line-height: normal;
            font-size: 36px;
            font-weight: bold;
            letter-spacing: -0.01em;
            font-family: raleway, sans-serif;
            margin-top: 150px;
            width: 70%;
        }

        .text {
            line-height: 1.8em;
            font-size: 18px;
            font-family: raleway, sans-serif;
            letter-spacing: normal;
            font-family: worksans-extralight, work sans, sans-serif;
            width: 70%;
        }
        
        @media only screen and (max-width: 1000px) {
            .heading {
                width: 100%;
            }

            .text {
                width: 100%;
            }
        }

        .img {

            img {
                width: 25px;
                height: 25px;
                object-fit: cover;
            }
            
        }
        
    }
    
    .wrapping-last-col {
         color: white;
         padding: 60px;
         padding-top: 100px;
         padding-bottom: 100px;
         background: url('../images/Red Corporate Background.png') no-repeat fixed center;
         background-size: cover;
         
         .form-row {
              margin-bottom: 30px;

              .form-control  {
                  background: transparent;
                  border: 0px;
                  border-bottom: 1px solid white;
                  color: white;
              }

              .submit-button  {
                  background: white;
                  border-radius: 30px;
                  width: 150px;
                  font-size: 22px;
                  color: rgb(168, 30, 58);
              }
              
          }
     }
    
}
/*
    End homepage sections
*/

/*
    Services sections
*/
#trusted-partner {
    
    .wrapping {
        
        .wrapping-col {
            color: white;
            padding: 60px;
            padding-top: 50px;
            padding-bottom: 50px;
            background: url('../images/Red Corporate Background.png') no-repeat fixed center;
            background-size: cover;
        
            .heading {
                font-size: 56px;
                line-height: normal;
                text-align: center;
                color: #FFFFFF;
                font-style: italic;
                font-weight: normal;
                font-family: raleway, sans-serif;
                letter-spacing: normal;
                font-size: 56px;
            }
            
            .text {
                font-size: 20px;
                text-align: center;
                color: #DBDBDB;
                font-weight: bold;
                font-family: worksans-extralight, work sans, sans-serif;
                font-size: 20px;
            }
        
        }
        
    }
    
}

#information {
    
    .wrapping {
        
        .wrapping-image-1-col {
            background: url('../images/gssa-airline.webp') no-repeat scroll center center;
            background-size: cover;
        }
        
        .wrapping-image-2-col {
            background: url('../images/air-freight-solutions.webp') no-repeat scroll center center;
            background-size: cover;
        }
        
        .wrapping-image-3-col {
            background: url('../images/cross-trade-excellence.webp') no-repeat scroll center center;
            background-size: cover;
        }
        
        .wrapping-image-4-col {
            background: url('../images/door-to-door-convenience.webp') no-repeat scroll center center;
            background-size: cover;
        }
        
        .information-col {
            min-height: 600px;
        }
        
        .wrapping-col {
            padding: 120px;
            padding-left: 10%;
            padding-right: 10%;
            text-align: left;
            
            .heading {
                font-size: 38px;
                font-style: italic;
                font-family: raleway, sans-serif;
                font-size: 38px;
                margin-bottom: 40px;
            }
            
            .text {
                font-size: 16px;
                line-height: 1.8em;
                font-weight: bold;
                font-family: worksans-extralight, work sans, sans-serif;
            }
            
        }
        
        @media only screen and (max-width: 1000px) {
            .wrapping-col {
                min-height: 0px;
                padding: 50px;
                padding-left: 100px;
                padding-right: 100px;
            }
        }
        
    }
    
}
/*
    End services sections
*/

/*
    gssa / freight sections
*/
#about-gssa, #gateway-logistics {
    
    .wrapping {
        
        .wrapping-col {
            color: white;
            padding-top: 50px;
            padding-bottom: 50px;
            background: url('../images/gssa-cloud.webp') left;
            background-size: cover;
            height: 600px;
            
            .video {
                position: absolute;
                top: 0px;
                left: 0px;
                height: 600px;
                width: 100%;
                
                video {
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                    object-position: center center;
                    opacity: 1;
                }
            }
            
            .content {
                position: absolute;
                text-align: center;
                width: 98%;
                top: 50px;
                
                .heading {
                    font-size: 80px;
                    line-height: normal;
                    text-align: center;
                    font-weight: normal;
                    font-style: italic;
                    font-family: raleway, sans-serif;
                    color: #FCFCFC;
                    letter-spacing: normal;
                    font-size: 80px;
                    margin-left: 50px;
                    margin-right: 50px;
                }
            
                .text {
                    font-size: 20px;
                    line-height: 1.8em;
                    text-align: center;
                    font-weight: bold;
                    font-family: worksans-extralight, work sans, sans-serif;
                    color: #FCFCFC;
                    letter-spacing: normal;
                    font-size: 20px;
                }
                
            }
            
        }
        
    }
    
}

#gateway-logistics {
    .wrapping {
        .wrapping-col {
            background: url('../images/gateway-logistics-cargo.webp') left !important;
            background-size: cover !important;
        }
    }
}

#what-is-gssa, #simplifying-freight {
    
    .wrapping {
        background: url('../images/Red Corporate Background.png') no-repeat fixed center;
        background-size: cover;
        
        .wrapping-first-col {
            color: white;
            padding: 50px;
            min-height: 275px;
            
            .heading {
                font-size: 56px;
                line-height: 1.2em;
                font-style: italic;
                font-weight: normal;
                font-family: raleway, sans-serif;
                letter-spacing: normal;
                font-size: 56px;
            }
            
        }
        
        .wrapping-last-col {
            color: white;
            padding: 150px;
            padding-top: 50px;
            padding-bottom: 50px;
            min-height: 275px;
            background: url('../images/Red Corporate Background.png') no-repeat fixed center;
            background-size: cover;
            
            .text {
                font-size: 16px;
                line-height: 1.8em;
                font-family: worksans-extralight, work sans, sans-serif;
                letter-spacing: normal;
            }
            
        }
        
    }
    
}

#simplifying-freight {
    
    .wrapping {
        
        .wrapping-first-col {
            min-height: 350px;
        }
        
        .wrapping-last-col {
            min-height: 350px;
        }
        
        @media only screen and (max-width: 1000px) {
            .wrapping-first-col {
                min-height: 0px;
            }
        }
        
    }
    
}

#information-points-gssa, #information-points-freight {
    
    .wrapping {
        padding: 100px;
        padding-left: 200px;
        padding-right: 200px;
        
        .inner-container {
            text-align: center;
            width: 90%;
            margin: 0px auto;
            
            .wrapping-col {
                text-align: left;
            
                .number {
                    font-size: 30px;
                    color: #A81E3A;
                    font-size: 30px;
                    font-family: raleway, sans-serif;
                }
            
                .heading {
                    font-size: 30px;
                    line-height: 1.8em;
                    font-size: 30px;
                    font-style: italic;
                    font-family: raleway, sans-serif;
                }
            
                .text {
                    font-size: 16px;
                    line-height: 1.8em;
                    font-family: worksans-extralight, work sans, sans-serif;
                    font-size: 16px;
                }
            
            }
            
        }
        
    }
    
    @media only screen and (max-width: 1000px) {
        .wrapping {
            padding-left: 100px;
            padding-right: 100px;
        }
    }
    
}

#airplane, #lorries {
    
    .wrapping {
        
        .wrapping-col {
            min-height: 500px;
            background: url('../images/CTA.png') no-repeat fixed top;
            background-size: cover;
        }
        
    }
    
}

#lorries {
    
    .wrapping {
        
        .wrapping-col {
            min-height: 500px;
            background: url('../images/HGVs.png') no-repeat fixed top;
            background-size: cover;
        }
        
    }
    
}

#know-more-gssa-services, #know-more-freight-services {
    
    .wrapping-first-col {
        padding: 100px;

        .text {
            font-size: 20px;
            line-height: 1.8em;
            font-size: 20px;
            font-family: worksans-extralight, work sans, sans-serif;
        }
        
    }
    
    .wrapping-last-col {
        color: white;
        min-height: 450px;
        padding: 60px;
        padding-top: 100px;
        padding-bottom: 100px;
        background: url('../images/Red Corporate Background.png') no-repeat fixed center;
        background-size: cover;
        
        .heading {
            font-size: 30px;
            line-height: 1.5em;
            text-align: center;
            color: #FFFFFF;
            font-style: italic;
            font-family: raleway, sans-serif;
            letter-spacing: normal;
            font-size: 30px;
            margin-bottom: 20px;
        }
        
        .text {
            font-size: 16px;
            line-height: 1.8em;
            text-align: center;
            color: #DBDBDB;
            font-family: worksans-extralight, work sans, sans-serif;
            letter-spacing: normal;
            font-size: 16px;
            margin-bottom: 40px;
        }
        
        .button {
            background: white;
            color: red;
            border-radius: 20px;
            padding: 30px;
            padding-top: 15px;
            padding-bottom: 15px;
            font-family: worksans-extralight, work sans, sans-serif;
        }
        
    }

}   
/*
    End gssa / freight sections
*/

#headerColumns {
    position: relative;
    overflow: visible;
}

#SITE_FOOTER {
    height: 87px;
    bottom: 0;
    background-color: #000000;
    text-align: center;
}

#SITE_FOOTER > span {
    margin: 0;
    position: relative;
    top: 40%;
    font-family: worksans-extralight, work sans, sans-serif;

    > span > a {
        text-decoration: underline;
        color: #ffffff;
    }
}

#who {
    background-image: url("../images/Light Patterned Background.png");

    .col1 {
        width: 33%;
        height: 100%;
        padding-right: 0;

        .title {
            font-size: 56px;
            font-family: raleway, sans-serif;
            font-style: italic;
            color: #A81E3A;
            margin: 83px 0px 30px calc((100% - 302px) * 0.5);
        }

        .content {
            font-size: 16px;
            font-family: worksans-extralight, work sans, sans-serif;
            color: #c8c8d2;
            filter: brightness(80%);
            width: 335px;
            margin: 0px 0px 10px calc((100% - 302px) * 0.5);
        }
    }

    .col2 {
        width: 66%;
        height: 100%;
        padding: 0;
        right: 0;

        .airlineImg {
            width: 100%;
            height: 690px;
        }
    }
}

#points{
    background: url("../images/runway.png") no-repeat fixed center;
    background-size: cover;
    height: auto;

    .col {
        text-align: center;

        .dash {
            position: relative;
            width: 23px;
            height: 49px;
            object-fit: cover;
            object-position: 50% 50%;
            margin-top: 75px;
            margin-bottom: 40px;
        }

        .title {
            color: #961B34;
            margin: 20px;
            font-family: raleway, sans-serif;
            font-style: italic;
            font-size: 20px;
        }
        
        .body-text {
            font-family: worksans-extralight, work sans, sans-serif;
        }
    }

    :after {
        content: "";
        display: table;
        clear: both;
    }
}

#accelerate {

    img {
        object-fit: cover;
        max-height: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    span {
        width: 185px;
        font-family: raleway, sans-serif;
        font-style: italic;
        font-size: 27px;
    }
    
    .accelerate-image {
        min-height: 500px;
        background: url('../images/Accelrate.jpg') no-repeat fixed center;
        background-size: cover;
    }
}

#mssContainer {
    margin-left: calc((100% - 980px)/2);
    width: 980px;

    .subtitle {
        width: fit-content;
        background-color: #a81e3a;
        background-size: contain;
        color: #ffffff;
    }

    .content {
        padding-bottom: 20px;
    }
}