@font-face {
  font-family: Graphik;
  src: url(Graphik-Regular.woff);
}
* {font-family:Graphik;}

#desktoplogo {
    min-height: 75px; 
    height: 75px;
    width:8%;
}
    
html>body #desktoplogo { 
    height: auto;
    max-height:75px;
}

#iegfixlist li{ 
    width: 19%;
    min-width: 19%;
}

html>body #iegfixlist li{ 
    min-width: unset;
    width: auto !important;
}

body, html {
    height: auto;
    width: 100%;
    margin: 0px;
    overflow: hidden;
}

html>body, html>html {
    height: 100%;
    width: 100%;
    margin: 0px;
    overflow: hidden;
}
@media screen and (min-width: 950px){
    .desktop {display: block;}
    .tablet {display: none;}
}
.cont{
    overflow:hidden;
    width:100%;
    height: 100%;
}
.s{
    overflow-y:scroll;
    width:calc(100% + 30px);
    height: 100%;
    position:absolute;
}
.row {margin:0px;}

.bg {
    background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("img/background.jpg") center no-repeat;
    background-size: cover;
    height: auto;
}


*{color: white;}

li{
    list-style: none;
    padding: 10px 0px;
}

a {color: white !important; text-decoration: underline;}

hr {
    border: 0;
    clear:both;
    display:block;
    width: 96%;
    background-color:#fff;
    height: 1px;
}


sup {font-size: 10px; top: -1.25em; left: -5px;}

.btn {
    border: 1px solid white;
    background-color: 0000;
    color: white !important;
    padding: 10px 28px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 30px;
}


.hori ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.hori li {
  float: left;
}

.hori li img{
  padding: 0 20px;
}


@media screen and (max-width: 400px) {
    .tablet h1 {font-size:32px !important;}
}

@media screen and (max-width: 950px) {
    .desktop {display: none;}
    .tablet {display: block;}
    .bg {
    background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("img/background_mob.jpg") center no-repeat;
    background-size: cover;
    height: auto;
    }
}