@font-face {
   font-family: CenturySchoolbookRegular;
   src: url(fonts/CenturySchoolbookRegular.ttf);
}

html {
   scroll-behavior: smooth;
}


* {
   box-sizing: border-box;
}

header,
section {
   overflow-x: hidden;
}

:root {
   --Sniglet-font: "Sniglet", cursive;
   --Rubik: "Rubik", cursive;
   --Patua: "Patua One", cursive;
   --Lobster: "lobster", cursive;
   --schoolbook: ""
      --light-black: #2e2c2caf;
   /* linear-gradient(to bottom, #001A7B, #0A0E29) */
   --light-gray: rgba(255, 255, 255, 0.877);
}

header a {
   font-family: var(--Rubik);
   font-size: 0.9em;
   color: whitesmoke;
   letter-spacing:1px;
}

header {
   background: blue;
   background: linear-gradient(to bottom, #001A7B, #0A0E29);
}

header .nav-item {
   padding: 15px;
}

header .nav-link:hover {
   color: lightgrey;
}

header .navbar-brand {
   font-size: x-large;
   font-family: 'Ubuntu', sans-serif;
   font-weight:400;
   color: white;
}


header .navbar-brand:hover {
   color: white;
}

header .row .myHeadtext {
   padding: 15vmin 1vmin;
   padding-bottom: 10vmin;
}

header .row .myHeadimg {
   padding: 4.2vmin 1vmin;
}

header .row .myHeadimg img {
    
 
  
}

.primary-btn {
   border-radius: 30px;
   font-weight: bold;
}


header .container .myHeadtext {
   font-family: "Rubik", sans-serif;
}

header .container .myHeadtext h6 {
   padding: 1vmin;
   letter-spacing: 4px;
}

header .container .myHeadtext h1 {
   font-size: 7vmin;
   font-weight: bold;
   padding: 0.1em 0em;
}

header .container .myHeadtext p {
   padding: 1vmin 5vmin;
}

.sticky {
   position: fixed;
   top: 0;
   width: 100%;
   background: rgba(0, 0, 0, 0.815);
   z-index: 9999;
   transition: all 1.5s ease;
}




*/ @media only screen and (max-width: 993px) {

   header .row .myHeadimg img {
      padding-top: 80px;

   }
}


@media only screen and (max-width: 768px) {

   header .navbar-brand {
      padding-left: 1rem;
   }

   header .row .myHeadimg img {
      padding-top: 0px;
      width: 100%;
   }
}