@charset "UTF-8";
/* CSS Document */

html {  
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
div
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
body {
    margin: 0;
	padding: 0;
	font-family: open-sans;
	font-style: normal;
	text-rendering: optimizeLegibility;
}
.inside {
    width: 100%;
    height: 10em;
    position: fixed;
    top: 0;
    z-index: 10;
    background-image: url(../images/navbar-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0.6em 10em 0 0;
    margin: 0;
}
.inside p {
    font-family: open-sans;
    font-size: 0.95em;
    line-height: 1.0em;
    text-align: right;
    letter-spacing: 0.02em;
    font-style: normal;
    font-weight: 600;
    text-rendering: optimizeLegibility;
    padding: 0 12% 0 0;
    margin: 0;
}
.inside a {
	color:  rgb(255, 255, 255);
	text-decoration: none;
	-webkit-transition: all 0s ease-in-out .1s;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	text-rendering: optimizeLegibility;
}
.inside a:hover {
	color: rgba(254,244,224,1.0);
}
.banner-mobile {
    width: 100%;
    height: 15em;
    position: fixed;
    top: 0;
    z-index: 10;
    background-image: url(../images/navbar-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0.5em 0 0 2em;
    margin: 0;
}
.banner-mobile img {
    width: 300px;
    height: auto;
    float: left;
    padding: 0;
    margin: 0;
    border: none;
}

@media (min-width: 1500px){
.banner-mobile {
	display: none; 
}
}

@media (min-width: 1100px) and (max-width: 1499px){
.banner-mobile {
	display: none; 
}
}

@media (min-width: 768px) and (max-width: 1099px){
.banner-mobile {
	display: none; 
}
.inside p {
    font-size: 0.9em;
    line-height: 0.8em;
}
}

@media (max-width: 767px){
.inside {
	display: none; 
}
}