html,body {
background-color: #f9f8f9;
font-size:100%;
margin:0px;
padding:0px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-break: break-all;
}

::-moz-selection {
color:#484747;
background-color: #a7cac3;
}


::selection {
color:#484747;
background-color: #a7cac3; 
}



 
blockquote  {
font-family: 'Open Sans', sans-serif;
font-size: 0.75rem;
font-weight: 400;
margin:1.375rem auto; 
display: block;
 border-left: solid 0.3125rem #f2f2f2;
color:#484747;
line-height: 2.25rem;
text-align: justify;
padding-left: 1rem;
letter-spacing: 0px;
}


ul {
list-style-type: square;
font-family: 'Open Sans', sans-serif;
font-size: 0.75rem;
font-weight: 400;
color:#484747;
line-height: 2.25rem;
text-align: justify;
letter-spacing: 0px;
}



ol {
list-style-type: lower-alpha;
font-family: 'Open Sans', sans-serif;
font-size: 0.75rem;
font-weight: 400;
color:#484747;
line-height: 2.25rem;
text-align: justify;
letter-spacing: 0px;
}


.navi {  
box-shadow: inset 16.5625rem 0px 16.5625rem -16.5625rem rgba(0,0,0,0.45), inset-16.5625rem 0px 16.5625rem -16.5625rem rgba(0,0,0,0.45);
box-shadow: inset 16.5625rem 0px 16.5625rem -16.5625rem rgba(0,0,0,0.45), inset -16.5625rem 0px 16.5625rem -16.5625rem rgba(0,0,0,0.45);
width: 100%;
background-color: #26191d;
} 


.fix {
border-bottom: solid 0.0625rem rgba(255, 255, 255, 0.4);
-webkit-box-shadow: 0px 0px 2.625rem -0.4375rem rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 2.625rem -0.4375rem rgba(0,0,0,0.5);
box-shadow: 0px 0px 42px -0.4375rem rgba(0,0,0,0.5);
 -moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
position: fixed;
top:0px;
z-index: 999999999999999;
}


p strong   {
font-weight: 800;
color:#e76d3b;
}


p i {
color:#24a88e;
}


.hamburger {
display: none;
padding:2.1875rem 2.1875rem;
word-break: break-all;
color:#655b5f;
line-height: 2.5rem;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 1.125rem;
text-decoration: none;
letter-spacing: 0.0625rem;
text-transform: uppercase;
}

.hamburger:hover {
cursor: pointer;
text-decoration: underline;
}

.menu  {
display: inline-block;
}

 
.half-bg {
margin:0px;
flex-wrap: wrap;
display: flex;
align-items: stretch;
}


.co-1 {
width:50%;
height:0.4375rem;
background-color: #67565a;
}


.co-2 {
height:0.4375rem;
width:50%;
background-color: #3f3335;
}

.icon {
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
filter: grayscale(100%) opacity(0.90);
-webkit-filter: grayscale(100%) opacity(0.90);
float: left;
width:6.25rem;
margin-right: 0.625rem;
margin-top: 1rem;
height: 6.25rem;
border:double 0.8125rem #e5e7f0;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}


.icon:hover {
filter: grayscale(0%) opacity(1);
-webkit-filter: grayscale(0%) opacity(1);
}

.post img {
	max-width: 100%;
	height: auto;
}


.menuwrap {
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: space-between;
}
 

.logo  { 
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
text-align:center;
color:#26191d;
font-family: 'Open Sans', sans-serif;
font-size: 1.5625rem;
padding:2.1875rem  1.375rem;
line-height: 2.5rem;
text-decoration: none;
text-transform: uppercase;
background-color: rgba(255, 255, 255, 0.7);
background: rgba(255, 255, 255, 0.7);
}


.logo:hover {
border-radius: 0px 3.5rem 0px 0px;
-moz-border-radius: 0px 3.5rem 0px 0px;
-webkit-border-radius: 0px 3.5rem 0px 0px;
}


.menu a , .menu a:link, .menu a:visited {
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
display: inline-block;
padding:2.1875rem  1.75rem;
word-break: break-all;
color:#7d7777;
line-height: 2.5rem;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 0.6875rem;
text-decoration: none;
letter-spacing: 0.0625rem;
text-transform: uppercase;
}


.menu a:hover {
background-color: rgba(255,255,255,0.03);
background: rgba(255,255,255,0.03);
}



.header {
display: block;
margin:0px;
}


.header img {
 width: 100%;
 height: auto;
}


.contentwrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width:71.25rem;
width: 88%;
margin-top:3.75rem;
margin-bottom:3.75rem;
margin-right:  auto;
margin-left:  auto;
align-items: flex-start;
}


.content { 
margin-left:auto;
margin-right:auto;
margin-top:0px;
width: 67%;
}


.side {
text-align: center;
margin-left:  auto;
margin-right:auto;
margin-top:1.875rem;
width:28%;
}


.about {
margin-bottom: 2.5rem;
background-color: #fefefe;
margin-top:-0.1875rem;
padding:10% 12%;
border:solid 0.0625rem #c2c2c2;
}


.pagination a, .pagination a:link, .pagination a:visited {
font-family: 'Open Sans', sans-serif;
font-size: 0.75rem;
font-weight: 400;
color:#666666;
text-transform: uppercase;
text-decoration: none;
text-align: justify;
letter-spacing: 0px;
margin: 0px 1.25rem;
padding:0.625rem;
border:solid 0.0625rem transparent;
border-radius: 1.25rem;
-moz-border-radius: 1.25rem;
-webkit-border-radius: 1.25rem;
}


.pagination a:hover {
border:solid 0.0625rem  #666666;
}


.pagination  {
padding-top: 1.875rem;
margin:0 auto;
text-align: center;
width:100%;
}

.divider {
text-align: center;
font-family: 'Beth Ellen', cursive;
font-size: 0.8125rem;
color:#afadad;
letter-spacing: 0.1875rem;
}


.post {
border:solid 0.0625rem #c2c2c2;
padding:2.25rem  3.5rem;
max-width: 100%;
background-color: #fefefe;
margin-bottom: 1.25rem;
margin-top: 1.5625rem;
}


.abouttitle h1::first-letter {
color:#e13e3e;
}


.abouttitle h1 {
font-family: 'Open Sans', sans-serif;
font-size: 1.375rem;
font-weight: 700;
margin-left:1rem;
margin-top:0px;
text-align: left;
margin-bottom: -0px;
padding: 0px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0px;
color:#3b3b3b;
}


.about img {
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
margin-right:   auto;
margin-top: 1.25rem;
margin-left:   auto;
max-width:100%;
width: 90%;
height: auto;
padding:0.625rem;
border:solid 0.0625rem #dddddd;
}


.about img:hover {
filter: opacity(0.85);
-webkit-filter: opacity(0.85);
}


.abouttitle {
	 
}

 
.content p {
font-family: 'Open Sans', sans-serif;
font-size: 0.75rem;
font-weight: 400;
color:#484747;
line-height: 2.25rem;
text-align: justify;
letter-spacing: 0px;
}


.content h1, .content h1 a, .content h1 a:link, .content h1 a:visited {
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
font-family: 'Open Sans', sans-serif;
font-size: 1.375rem;
font-weight: 700;
color:#3b3b3b;
line-height: 2.0625rem;
margin:0px;
text-align: justify;
letter-spacing: 0px;
text-decoration: underline;
}
  

.content h1 a:hover {
color:#000000;
text-decoration: underline;
}


.content h2 a, .content h2 a:link, .content h2 a:visited {
color:#0e846d;
text-decoration: none;
}


.content h2 a:hover {
color:#24a88e;
text-decoration: underline;
}


.content h2   {
margin-top:0.4375rem;
padding-bottom: 0.75rem;
font-family: 'Open Sans', sans-serif;
font-size: 0.6875rem;
font-weight: 700;
color:#767575;
text-transform: uppercase;
line-height: 2.0625rem;
text-align: justify;
border-bottom: solid 0.0625rem #bebdbd;
letter-spacing: 0px;
}


.content h3 a, .content h3 a:link, .content h3 a:visited {
color:#a0a0a0;
text-decoration: none;
}


.content h3 a:hover {
color:#767575;
text-decoration: none;
}


.content h3 {
margin:0.25rem;
font-family: 'Open Sans', sans-serif;
font-size: 0.875rem;
font-weight: 700;
color:#a0a0a0;
text-transform: uppercase;
line-height: 2.5rem;
text-align: center;
letter-spacing: 0px;
}


.about p {
font-family: 'Open Sans', sans-serif;
font-size: 0.75rem;
font-weight: 400;
color:#484747;
line-height: 1.875rem;
text-align: justify;
} 


.aboutpage, .aboutpage:focus, .aboutpage a, .aboutpage a:link, .aboutpage a:visited {
outline: 0;
border:solid 0.0625rem transparent ;
background-color: transparent;
font-family: 'Open Sans', sans-serif;
font-size: 0.625rem;
font-weight: 400;
color:#484747;
cursor:pointer;
letter-spacing: 0.0625rem ;
text-decoration: none;
line-height: 1.875rem;
text-transform: uppercase;
}


.aboutpage:hover, .aboutpage a:hover {
border:solid 0.0625rem #8c8a8a;
cursor:pointer;
}

 
.qlinks {
padding-bottom: 0.3125rem;
}


.qlinks a, .qlinks a:link, .qlinks a:visited {
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
font-family: 'Open Sans', sans-serif;
font-size: 0.6875rem;
font-weight: 400;
color:#575656;
line-height: 2.6875rem;
text-align: justify;
text-decoration:  none;
display: block;
letter-spacing: 0.0625rem;
border-bottom: solid 0.0625rem #d0d0d0;
}


.qlinks a:hover{
background-color: #f2f2f2;
}


.arrow {
color:#484747;
margin-right: 0.625rem;
}
  

.footer {
box-shadow: inset 16.5625rem 0px 16.5625rem -16.5625rem rgba(0,0,0,0.15), inset-16.5625rem 0px 16.5625rem -16.5625rem rgba(0,0,0,0.45);
box-shadow: inset 16.5625rem 0px 16.5625rem -16.5625rem rgba(0,0,0,0.15), inset -16.5625rem 0px 16.5625rem -16.5625rem rgba(0,0,0,0.45);
background-color: #453c3f;
padding-top: 3.125rem;
padding-bottom: 1.25rem  ;
padding-left:3.125rem;
padding-right: 3.125rem;
border-top: 0.0625rem  solid #cccccc;
}

.footer h3 {
font-family: 'Open Sans', sans-serif;
color:#8c8484;
font-weight: 400;
text-align: center;
font-size: 0.8125rem;
letter-spacing: 0.1875rem;
text-transform: uppercase;
margin:0px;
padding-bottom: 0.625rem;
}

.footer p, .footer a:link, .footer a:visited {
color:#655b5f;
font-family: 'Open Sans', sans-serif;
font-size: 0.75rem;
font-weight: 400;
text-align: center;
font-size: 0.6875rem;
border:none;
letter-spacing: 0.1875rem;
line-height: 1.875rem;
text-decoration: none;
text-transform: uppercase;
}

.footer a:hover {
text-decoration: line-through;
}


p a, p a:link, p a:visited, p a:hover {
color:#dc0000;
text-decoration: underline;
}

  
.hide {
display: none;
}
 

.show {
display: block;
} 
 

@media screen and (max-width: 1050px) {
  
.menu {
display: none;
}

.mobile {
width: 100%;
margin:0 auto;
display: inline-block;
}

.hamburger {
display: inline-block;
}
}	 


@media screen and (max-width: 650px) {

.logo, .show {
	display: none;
} 

.hide {
display: block;
}

.side, .content {
width: 97%;
}
}

 
 

@media only screen and (max-width: 1000px) and (min-width: 650px)  { 
html  {
 font-size: 77%;
} }
 

@media screen and (min-width: 1440px) { 
html  {
 font-size: 106%;
} }


@media screen and (min-width: 1600px) { 
html  {
 font-size: 116%;
} }


@media screen and (min-width: 1680px) { 
html  {
 font-size: 123%;
} }


@media screen and (min-width: 1920px) { 
html  {
  font-size: 141%;

} }
 

@media screen and (min-width: 2560px) { 
html  {
  font-size: 188%;

} }