@font-face {
    font-family: 'SEGOEUIL';
    src: url('../font/SEGOEUIL.eot');src: local('SEGOEUIL'), url('../font/SEGOEUIL.woff') format('woff'), url('../font/SEGOEUIL.ttf') format('truetype');
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body {
    background-color: rgb(255,255,255);
    color: rgb(50,50,50);
    font-family: 'SEGOEUIL', sans-serif !important;
    min-height: 100vh;
}

h1, h2, h3 {
    font-weight: normal;
}

.headingspace {
    position: fixed;
    font-size: 1.86vw;
    font-weight: normal;
        
}

.pagetitle {
    font-size: 1.86vw;
}
.topspace {
    padding-top: 2.8vw;
    font-size: 1.4vw;
}

.topspace3 {
    padding-top: 5.6vw;
    font-size: 1.4vw;
}

.topspacefooter {
    padding-top: 2.8vw;
}
header {
    display: flex;
    justify-content: center;
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
    font-size: 1.05vw;
    position: fixed;
    width: 100%;
    background-color: rgb(255, 255, 255);
    z-index: 3;
    opacity: 0.85;
}

.marginbegone {
    padding-left: 3.2vw;
}

.rule {
    width: 2.5vw;
    position: relative;
    top: 0.96vw;
}

.rule2 {
    position: relative;
    top: 2.8vw;
    width: 100%;
}

.navlinks {
    list-style: none;
    margin-bottom:0px;
    
}

.navlinks li {
    display: inline;
}


.item, .item3 {
    margin-right: 6.23vw;
}

.item2, .item4 {
    margin-left: 6.23vw;
}

.item:nth-of-type(2), .item3:nth-of-type(2) {
    margin-right: 9vw;
}

.item2:nth-of-type(1), .item4:nth-of-type(1) {
    margin-left: 9vw;
}
.item3 {
    cursor: pointer;
}
.leftlinks {
    text-align: left;
}

.rightlinks {
    text-align: right;
    
}

.logo {
    cursor: pointer;
    font-size: 1.4vw;
    text-transform: uppercase;
    position: relative;
    bottom: 0.1vw;
    letter-spacing: 0.15vw;
}

.logolink {
    text-transform: uppercase;
    font-size: 1.3vw;
    letter-spacing: 0.1vw;
}
a {
    color: black;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: rgb(130, 130, 130);
}

.footer {
    font-size: 1.1vw;
}
.openbtn:hover {
    color: rgb(130, 130, 130);
}
.content {
    position: relative;
    top: 11.68vw;
    z-index: 2;
}

p {
    padding-top: 3vw;
    margin-right: 30%;
    padding-bottom: 1.7vw;
    font-size: 1.1vw;
}

.newpar {
    width: 7vw;
    font-size: 1.1vw;
    font-weight: normal;
}
.nolinkspace {
    padding-bottom: 0;
}

.info {
    font-size: 1.2vw;
}
.new2 {
    display: none;
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgb(255,255,255);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.overlay a {
  text-decoration: none;
  color: black;
  display: block;
  transition: 0.5s;
}

.overlay a:hover, .overlay a:focus {
  color: rgb(130, 130, 130);
}
.navspace:nth-of-type(1) {
    padding-bottom: 9vh;
}
.navspace:nth-of-type(2) {
    padding-bottom: 10vh;
}

.navspace:nth-of-type(4) {
    padding-top: 10vh;
}

.navspace:nth-of-type(5) {
    padding-top: 9vh;
}

.navspace {
    font-size: 4vw;
}

.logo2 {
    font-size: 5.33vw;
    text-transform: uppercase;
    letter-spacing: 0.38vw;
}

.overlay .closebtn {
  position: absolute;
  top: 7vw;
  right: 7vw;
  font-size: 7vw;
}
.container-fluid {
    display: flex;
}
.box1 {
   width: 9.71vw;
   padding-left: 3.2vw;
   padding-right: 0vw;
   display: flex;
   flex-direction: column;      
}  

.box2 {
   width: 90.29vw;
   padding-left: 21vw;
   padding-right: 21vw;
   display: flex;
   flex-direction: column;
}

.footer:last-child {
    padding-bottom: 3.2vw;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .rule {
        display: none;
    }
}

@media screen and (min-width: 0px) {
   
    header {
        justify-content: space-between;
        padding-top: 7vw;
        padding-bottom: 7vw;
        font-size: 4vw;
    
    }
   
    .container-fluid {
        flex-direction: column;
    }
    
    .box1 {
        width: 100vw;
        padding-left: 7vw;
        padding-right: 7vw;
    }
    
    .box2 {
        width: 100vw;
        padding-left: 7vw;
        padding-right: 7vw;
    }
    
    .headingspace {
        font-size: 7.09vw;
        position: static;
    }
    
    .pagetitle {
        font-size: 7.09vw;
    }
    
    .topspace {
        padding-top: 10.67vw;
        font-size: 5.33vw;
    }
    
    .topspace3 {
        padding-top: 21.34vw;
        font-size: 5.33vw;
    }
    
    .topspacefooter {
        padding-top: 9.91vw;
    }
    
    .footer {
        font-size: 4.19vw;
    }
    .marginbegone {
        padding-left: 12.19vw;
    }

    .rule {
        width: 9.53vw;
        position: relative;
        top: 3.66vw;
    }
    
    .rule2 {
        top: 10.67vw;
    }
    .item3 {
        margin-right: 6.23vw;
        padding-left: 7vw;
    }

    .item4 {
        margin-left: 6.23vw;
        padding-right: 7vw;
    }

    .item3:nth-of-type(2) {
        margin-right: 9vw;
    }

    .item4:nth-of-type(1) {
        margin-left: 9vw;
    }
    
    .logo {
        cursor: pointer;
        font-size: 5.33vw;
        text-transform: uppercase;
        position: relative;
        bottom: 0.57vw;
        letter-spacing: 0.38vw;
    }
    
    .logolink {
        font-size: 4.95vw;
        letter-spacing: 0.38vw;
    }
    .content {
        position: relative;
        top: 27.87vw;
    }
    
    p {
        padding-top: 11.43vw;
        font-size: 4.19vw;
        padding-bottom: 6.48vw;
    }
    
    .newpar {
        width: 60vw;
        font-size: 4.19vw;
        padding-bottom: 10.67vw;
        
    }
    
    .nolinkspace {
        padding-bottom: 0;
    }

    .info {
        font-size: 4.57vw;
    }
    
    .new2 {
        display: flex; 
    }
    
    .new1 {
        display: none;
    }
    
    .footer:last-child {
    padding-bottom: 12.19vw;
    }
    
    
}

@media screen and (min-width: 550px) {

    .headingspace {
        font-size: 3.72vw;
    }
    
    .pagetitle {
        font-size: 3.72vw;
    }

    .topspace {
        padding-top: 5.6vw;
        font-size: 2.8vw;
    }
    
   .topspace3 {
        padding-top: 11.2vw;
        font-size: 2.8vw;
    }

    .topspacefooter {
        padding-top: 5.6vw;
    }
    
    .footer {
        font-size: 2.2vw;
    }
    
    .box1 {
        padding-left: 6.4vw;
        padding-right: 6.4vw;
    }
    
    .box2 {
        padding-left: 6.4vw;
        padding-right: 6.4vw;
    }
    
    header {
        justify-content: space-between;
        padding-top: 6.4vw;
        padding-bottom: 6.4vw;
        font-size: 2.1vw;
    }

    .marginbegone {
        padding-left: 6.4vw;
    }

    .rule {
        width: 5vw;
        position: relative;
        top: 1.92vw;
    }
    
    .rule2 {
        top: 5.6vw;
    }
    .item:nth-of-type(1) {
        margin-left: 6.4vw;
    }
    
    .item:nth-of-type(2) {
        margin-left: 2vw;
    }
    
    .item2:nth-of-type(1) {
        margin-right: 2vw;
    }
    .item2:nth-of-type(2){
        margin-right: 6.4vw;
    }
    
    .logo {
        font-size: 2.8vw;
        bottom: 0.2vw;
        letter-spacing: 0.3vw;
    }
 
    .logolink {
        font-size: 2.6vw;
        letter-spacing: 0.2vw;
    }
    .content {
        top: 23.36vw;
    }

    p {
        padding-top: 6vw;
        margin-right: 30%;
        padding-bottom: 3.4vw;
        font-size: 2.2vw;
    }

    .newpar {
        width: 40vw;
        font-size: 2.2vw;
        padding-bottom: 5.6vw;
        font-weight: normal;
    }
    
    .nolinkspace {
        padding-bottom: 0;
    }

    .info {
        font-size: 2.4vw;
    }

    .new2 {
        display: none;
    }
    
    .new1 {
        display: flex; 
    }
    
    .footer:last-child {
        padding-bottom: 6.4vw;

    }
    
}

@media screen and (min-width: 1100px) {
    
    header {
        justify-content: center;
    }
    .headingspace {
        position: fixed;
        font-size: 1.86vw;
    }
    
    .pagetitle {
        font-size: 1.86vw;
    }

    .topspace {
        padding-top: 2.8vw;
        font-size: 1.4vw;
    }
    
    .topspace3 {
        padding-top: 5.6vw;
        font-size: 1.4vw;
    }

    .topspacefooter {
        padding-top: 2.8vw;
    }
    
    .footer {
        font-size: 1.1vw;
    }
    
    header {
        justify-content: center;
        padding-top: 3.2vw;
        padding-bottom: 3.2vw;
        font-size: 1.05vw;
    }

    .marginbegone {
        padding-left: 3.2vw;
    }

    .rule {
        width: 2.5vw;
        position: relative;
        top: 0.96vw;
    }

    .rule2 {
        top: 2.8vw;
    }
    .item {
        margin-right: 6.23vw;
    }

    .item2 {
        margin-left: 6.23vw;
    }

    .item:nth-of-type(2) {
        margin-right: 9vw;
        margin-left: 0vw;
    }

    .item2:nth-of-type(1){
        margin-left: 9vw;
        margin-right: 0vw;
    }
    
    .logo {
        font-size: 1.4vw;
        bottom: 0.1vw;
        letter-spacing: 0.15vw;
    }
    
    .logolink {
        text-transform: uppercase;
        font-size: 1.3vw;
        letter-spacing: 0.1vw;
    }
    
    .content {
        top: 11.68vw;
    }

    p {
        padding-top: 3vw;
        margin-right: 30%;
        padding-bottom: 1.7vw;
        font-size: 1.1vw;
    }

    .newpar {
        width: 7vw;
        font-size: 1.1vw;
        font-weight: normal;
    }
    .nolinkspace {
        padding-bottom: 0;
    }

    .info {
        font-size: 1.2vw;
    }

    .container-fluid {
        display: flex;
        flex-direction: row;
    }
    
    .box1 {
        width: 9.71vw;
        padding-left: 3.2vw;
        padding-right: 0vw;
    }  

    .box2 {
        width: 90.29vw;
    }
    
    .footer:last-child {
        padding-bottom: 3.2vw;
    }

}