* {
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
html {
    scroll-behavior: smooth;
}

html,body {
    height: 100%;
}

body {
  position: relative;
  margin: 0;
  min-height: 100%;
}

.mainbox {
    min-height: 89vh; /* will cover the 100% of viewport */
 overflow: hidden;
 display: block;
 position: relative;
 padding-bottom: 100px; /* height of your footer */
}

* {cursor: url('cursor1.png'), default;}

/********************** HEADER **********************/

header {
    position: fixed;
    width: 100%;
    top: 0;
    height: 65px;
    z-index: 10;
}

.header1 {
    float: left;
    padding: 15px 15px 15px 15px;
    background-color: ;
    height: 65px;
    text-decoration: ;
}


.header2 {
    float: right;
    padding: 15px 15px 15px 15px;    
    height: 65px;
}

.header2 a:hover{
    color: white;
-webkit-text-stroke: 1px #111; 
text-stroke: 1px #111;
}


h1 {
    font-family: "Monument Grotesk Reg", sans-serif;
    font-weight: 400;
    font-size: 50px;
    line-height: 1.2;
    color: #111;
}


h1 a {
    color: black;
    text-decoration: none;
}

h1 a:hover{
    cursor: url('cursor3.png'), pointer;  
}

::selection {
  background: transparent;
}


/********************** CONTAINER 2 **********************/

.box1 {
    float: left;
    width: 100%;
    font-family: "Monument Grotesk Reg", sans-serif;
    font-size: 26px;
    line-height: 1.3;
    margin-top: 135px;
    padding-left: 15px;
}

li {
    list-style: none;
}
.number {
    float: left;
    max-width: 40px;
    padding-right: 50px;
}


.title {
    float: left;
    width: 400px;    
    padding-right: 0px;
}

.title a{
    color: #111;
    text-decoration: none;
}

.title a:hover{
    color: white;
-webkit-text-stroke: 0.8px #111; 
text-stroke: 0.8px #111; 
    cursor: url('cursor3.png'), pointer;  
}

.type {
    float: left;
    width: 300px;
}
/********************** FOOTER **********************/

.footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: "Monument Grotesk Reg", sans-serif;
    font-size: 14px;
    padding: 15px;
}

/********FONT FACE********/

@font-face {
  font-family: Monument Grotesk Reg;
  src: url(Fonts/monument/MonumentGroteskTrial-Regular.woff);
}

@font-face {
  font-family: Monument Grotesk Bold;
  src: url(Fonts/monument/MonumentGroteskTrial-Bold.woff);
}