body {
    background-color: #000000;
}
html,body {
    height: 100%;
}

main  {
    position: fixed;
    top: 0;
    bottom:0;
    left:0;
    right:0;
    height: 100vh !important;
    overflow: auto;
    }


.gradient-border{
    border-image-source: linear-gradient(to left, #97692e, #af8b4a, #f8f09e) !important;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
}

body, h1, h2, h3, h4, h5, h6, p, span, strong, a, input, ::placeholder{
	font-family: 'Overpass', sans-serif;
}


p.copyright-text{
    font-size: 12px !important;
}


h1.main-heading.text-center.text-white.mt-5 {
     font-size: 55px;
    letter-spacing: 5px;
    font-weight: 800;
    text-shadow: 0 0 13px #0e0e0e;
}


@media screen and (max-width: 767px){
    main{
    height: 100vh !important;
    }

    img.logo-brand {
    max-width: 360px;
}


    
    h1.main-heading {
    font-size: 30px !important;
    letter-spacing: 2px !important;
}
}