@media screen and (max-width: 767px) {
    body {
        
    }

    #landing {
        background: rgb(9,26,80);
        background: linear-gradient(90deg, rgba(9,26,80,1) 0%, rgba(38,60,129,1) 100%);
    }
}

@media screen and (min-width: 768px) {
    body {
        
    }
    #landing {
        background: rgb(9,26,80);
        background: linear-gradient(90deg, rgba(9,26,80,1) 0%, rgba(38,60,129,1) 100%);
    }
}

@media screen and (min-width: 1000px) {
    body {
        
    }
    #landing {
        background: rgb(9,26,80);
        background: linear-gradient(90deg, rgba(9,26,80,1) 0%, rgba(38,60,129,1) 100%);
    }
}
.head {
    background: rgb(9,26,80) !important;
    background: linear-gradient(90deg, rgba(9,26,80,1) 0%, rgba(38,60,129,1) 100%) !important;
}

.section2 {
    clip-path: polygon(0 14%, 50% 0, 100% 14%, 100% 100%, 0% 100%);
    background-color:orange;
}

.kpd-footer {
    background-color: #FFA726;
}

#header {
    clip-path: polygon(0 0, 100% 0, 100% 86%, 50% 100%, 0% 86%);
}
#header:after{
    background-color:white;
    position:absolute;
    z-index:-1;
}