body {
background-color: #1D1E1F;
color: #C2C2C2;
font-family: verdana, geneva, sans-serif;
font-size: 14px;
}

/* A font designed by Typemade that follows the SIL Open Font License v1.10. This license can be found at this permalink: https://www.fontsquirrel.com/license/josefin-sans*/

@font-face {
font-family: myGeometric;
src: url(JosefinSans-Regular.ttf);
}


@font-face {
font-family: myGeometricLight;
src: url(JosefinSans-Light.ttf);
}


.font1 {
font-family: myGeometric, century gothic, futura, sans-serif;
color: C2C2C2;
font-size: 14px;
}


.font2 {
font-family: myGeometric, century gothic, futura, sans-serif;
color: C2C2C2;
font-size: 16px;
font-variant: small-caps;
}


p {
font-family: verdana, geneva, sans-serif;
color: #C2C2C2;
font-size: 14px;
}


p.xsmall {
font-family: verdana, geneva, sans-serif;
color: #C2C2C2;
font-size: 13px;
text-align: center;
}


p.geometric {
display: inline;
font-family: myGeometric, century gothic, futura, sans-serif;
color: #FFFFFF;
}


p.normal {
display: inline;
font-family: myGeometric, century gothic, futura, sans-serif;
font-variant: normal;
font-size: 3.3em;
color: #FFFFFF;
}


p.title1 {
display: inline;
font-family: myGeometricLight;
font-size: 42px;
font-variant: small-caps;
color: #C2C2C2;
}


P.title2 {
display: inline;
font-family: myGeometricLight;
font-size: 26px;
font-variant: small-caps;
color: #C2C2C2;
}


p.title11 {
display: inline;
font-family: myGeometricLight, century gothic, futura, sans-serif;
font-size: 39px;
font-variant: small-caps;
color: #C2C2C2;
}


P.title22 {
display: inline;
font-family: myGeometricLight, century gothic, futura, sans-serif;
font-size: 25px;
font-variant: small-caps;
color: #C2C2C2;
}


p.title111 {
display: inline;
font-family: myGeometricLight, century gothic, futura, sans-serif;
font-size: 26px;
font-variant: small-caps;
color: #C2C2C2;
}


P.title222 {
display: inline;
font-family: myGeometricLight, century gothic, futura, sans-serif;
font-size: 17px;
font-variant: small-caps;
color: #C2C2C2;
}


p.small {
display: inline;
font-family: myGeometricLight, century gothic, futura, sans-serif;
font-variant: small-caps;
font-size: 2.0em;
color: #FFFFFF;
}


a {
font-family: verdana, geneva, sans-serif;
font-size: 14px;
color: #4E6591;
}


a:hover {
font-family: verdana, geneva, sans-serif;
font-size: 14px;
color: #C2C2C2;
text-decoration: underline;
}


a.white {
font-family: verdana, geneva, sans-serif;
font-size: 14px;
color: #C2C2C2;
text-decoration: none;
}


a.white:hover {
font-family: verdana, geneva, sans-serif;
font-size: 14px;
color: #4E6591;
text-decoration: underline;
}


a.counter {
font-family: verdana, geneva, sans-serif;
font-size: 14px;
color: #4E6591;
text-decoration: none;
}


a.counter:hover {
font-family: verdana, geneva, sans-serif;
font-size: 14px;
color: #C2C2C2;
}


a.close {
font-family: verdana, geneva, sans-serif;
font-size: 10px;
color: #C2C2C2;
text-decoration: none;
}


a.close:hover {
font-family: verdana, geneva, sans-serif;
font-size: 10px;
color: #C2C2C2;
text-decoration: none;
}


a.x {
font-family: verdana, geneva, sans-serif;
font-size: 14px;
color: #4E6591;
border: 1px solid #4E6591;
padding: 0px 2px 0px 2px;
text-decoration: none;
font-weight: bold;
}


a.x:hover {
font-family: verdana, geneva, sans-serif;
font-size: 14px;
color: #C2C2C2;
border: 1px solid #C2C2C2;
padding: 0px 2px 0px 2px;
text-decoration: none;
font-weight: bold;
}


a.previousnext {
font-family: verdana, geneva, sans-serif;
font-size: 14px;
color: #4E6591;
text-decoration: none;
}


a.previousnext:hover {
font-family: verdana, geneva, sans-serif;
font-size: 14px;
color: #C2C2C2;
text-decoration: none;
}


#homelink {
position: fixed;
width: 100%;
top: 0px;
left: 0px;
right: 0px;
margin: 0px auto;
text-align: center;
border: 0px;
padding: 0px;
z-index: 100;
}


#mobilemenu {
position: fixed;
top: 59px;
right: 0px;
left: 0px;
margin-right: auto;
margin-left: auto;
width: 253px;
border: 0px;
padding: 0px 20px 7px;
z-index: 101;
}


#mobilemenulist {
position: relative;
width: 219px;
height: 329px;
border: 0px;
padding: 92px 15px 15px;
margin: 0px auto 0px; 
z-index: 99;
}


#tabletmenulist {
display: none;
}


#desktopmenulist {
display: none;
}


#mobilesocialmedia {
display: block;
position: relative;
width; 100%;
left: 0px;
right: 0px;
margin: 0px auto;
border: 0px;
padding: 0px 0px 0px 0px 
}


#desktopsitemap {
display: none;
}


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


body {
background-color: #1D1E1F;
color: #C2C2C2;
font-family: verdana, geneva, sans-serif;
font-size: 12px;
}


p {
font-family: verdana, geneva, sans-serif;
color: #C2C2C2;
font-size: 12px;
}


p.xsmall {
font-family: verdana, geneva, sans-serif;
color: #C2C2C2;
font-size: 12px;
text-align: center;
}


a {
font-family: verdana, geneva, sans-serif;
font-size: 12px;
color: #4E6591;
}


a:hover {
font-family: verdana, geneva, sans-serif;
font-size: 12px;
color: #C2C2C2;
text-decoration: underline;
}


a.white {
font-family: verdana, geneva, sans-serif;
font-size: 12px;
color: #C2C2C2;
text-decoration: none;
}


a.white:hover {
font-family: verdana, geneva, sans-serif;
font-size: 12px;
color: #4E6591;
text-decoration: none;
}


a.counter {
font-family: verdana, geneva, sans-serif;
font-size: 12px;
color: #4E6591;
text-decoration: none;
}


a.counter:hover {
font-family: verdana, geneva, sans-serif;
font-size: 12px;
color: #C2C2C2;
text-align: right;
}


#homelink {
display: none;
}


#mobilemenu {
display: none;
}


#mobilemenulist {
display: none;
}


#tabletmenulist {
display: block;
position: fixed;
width: 100%;
top: 0px;
left: 0px;
border: 0px;
z-index: 100;
}


#desktopmenulist {
display: none;
}


#mobilesocialmedia {
display: block;
position: relative;
width; 100%;
left: 0px;
right: 0px;
margin: 0px auto;
border: 0px;
padding: 0px 0px 0px 0px 
}


#desktopsitemap {
display: none;
}


}


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


#homelink {
display: none;
}


#mobilemenulist {
display: none;
}


#tabletmenulist {
display: none;
}


#desktopmenulist {
display: block;
position: fixed;
width: 100%;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
border: 0px;
z-index: 100;
}


#mobilesocialmedia {
display: none;
}


#desktopsitemap {
display: block;
position: fixed;
width: 360px;
height: 30px;
right: 5px;
bottom: 5px;
padding: 0px 0px 0px 0px;
border: 0px;
text-align: right;
}


}


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


#mobilesocialmedia {
display: none;
}


}


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


#mobilesocialmedia {
display: none;
}


}