* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

h1 {
    border-bottom: 2px dashed rgb(183, 1, 1);
    display: inline;
    padding-bottom: 1em;
}

a {
text-decoration: none;
color: rgb(61, 146, 201);
}
a:hover,
a:focus {
text-decoration: underline;
}

h3 {
font-weight: 100;
}

/* LAYOUT CSS */
.pure-img-responsive {
max-width: 100%;
height: auto;
}

#layout {
padding: 0;
}

.header {
text-align: center;
top: auto;
margin: 3em auto;
}

.sidebar {
background: linear-gradient( rgba(0,0,0,.1), #111), url(/i/bg1.webp) 100% repeat-y;
background-size: contain;
color: #fff;
  box-shadow: inset 0px 0px 20px rgba(10,10,10,0.9);
    
}
@media screen and (max-width: 600px) {
    .sidebar {
	background: linear-gradient( rgba(0,0,0,.1), #111), url(/i/bg1.webp) 100% repeat-y;
	background-size: cover;
	color: #fff;
	box-shadow: inset 0px 0px 20px rgba(10,10,10,0.9);
    }
}

.brand-title,
.brand-tagline {
margin: 0;
}
.brand-title {
text-transform: uppercase;
text-shadow: 3px 3px 10px rgba(0,0,0,0.9);
    font-size: 2em;
    margin: .67em 0;
display: block;
font-weight: bold;
}
.brand-tagline {
font-weight: 300;
color: rgb(183, 1, 1);
text-shadow: 3px 3px 10px rgba(0,0,0,0.9);

}

.nav-list {
margin: 0;
padding: 0;
list-style: none;
}
.nav-item {
display: inline-block;
*display: inline;
zoom: 1;
}
.nav-item a {
background: transparent;
border: 2px dashed rgb(183, 1, 1);
box-shadow: 3px 3px 10px rgba(0,0,0,0.9);

color: #fff;
margin-top: 1em;
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: 85%;
}
.nav-item a:hover,
.nav-item a:focus {
border: 2px dashed rgb(223, 1, 1);
    
text-decoration: none;
}


.content {
padding: 2em 1em 0;
}

.footer {
padding: 1em 0;
}
.footer a {
color: #ccc;
font-size: 80%;
}
.footer .pure-menu a:hover,
.footer .pure-menu a:focus {
background: none;
}

@media (min-width: 48em) {
.content {
padding: 2em 3em 0;
margin-left: 25%;
}

.header {
margin: 2em 2em 0;
text-align: right;
}

.sidebar {
position: fixed;
top: 0;
bottom: 0;
}

.sidebar a {
text-shadow: 3px 3px 10px rgba(0,0,0,0.9);
}


.sidebar a img {
opacity: 0.9
box-shadow: 3px 3px 10px rgba(0,0,0,0.9);
}

.sidebar a:hover img {
opacity: 1;
}

.footer {
text-align: center;
}
}

.phone {
line-height: 40px;
font-size: 2em;
vertical-align: middle;
font-weight: bold;
color: #fff;
margin-right: 10px;
}

.social img {
width: 40px;
height: 40px;
vertical-align: middle;
 
}