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


/****** start ******/

html {
overflow-x: hidden;
}

body {
padding: 0;
margin: 0;
font-size: 17px;
font-weight: 400;
line-height: 1.5;
color: #666;
background: #eee;
font-family: 'Raleway', sans-serif;
}

.container {
width: 1040px;
margin: 0 auto;
position: relative;
}

#page {
}


/****** header ******/


header {
height: 300px;
}

header img {
width: 100%;
max-height: 200px;
}

#logo {
font-size: 300%;
position: relative;
margin: 0 60px 0 0;
top: 50px;
float: left;
}

#logo img {
width: 90%
}

#logo a {
}

.logolink {
display: none;
}


/****** main ******/


main {
margin: -200px auto;
padding: 100px 0 150px;
background: #eee;
    
background: url(../images/main_bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.content {
float: right;
width: 580px;
margin: 0 40px 0 0;
}

.contactbox {
margin: 0 0 0 0;
}

.donate {
font-size: 1.1em;
box-sizing: border-box;
border: 3px solid #c20e1a;
margin: 30px 0;
padding: 10px 15px;
}

.contact {
}


/****** footer ******/


footer {
position: relative;
font-size: 0.8rem;
border-top: 5px solid #459d53;
background: #eee;
padding: 10px;
margin: 100px auto 20px;
color: #666;
width: 100%;
-moz-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
z-index: 10;
}

footer .container {
-moz-transform: rotate(4deg);
-ms-transform: rotate(4deg);
-o-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
padding: 30px 0 0 0;
}

.footer-content {
padding-left: 410px;
}

#footer-bottom {
position: relative;
background: #459d53;
color: #fff;
z-index: 100;
padding: 25px 0;
}

.backlink {
font-size: 0.85rem;
margin-left: 418px;
}

.backlink a {
margin-left: 10px;
}

.backlink img {
margin-bottom: -5px;
width: 150px;
height: auto;
filter: brightness(100)
}



/****** d ******/


a {
color: #666;
text-decoration: none;	
}

.clear {
clear: both;	
}

h1 {
color: #c20e1a;
font-weight: 200;
font-size: 3.0em;
line-height: 1.35;
}

#page_popup {
padding: 0 10px;
}

.lity-iframe-container {
height: 75vh;
}





/* Retina */ 
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
}


/* Tablet */
@media screen and (max-width: 1060px) {
    

body {
font-size: 16px;
overflow-x: hidden;
}

main {
padding: 100px 0;    
}

.container {
width: auto;
padding: 10px
}


/****** header ******/


header {
height: 200px;
}

header img {
width: 100%;
max-height: 100px;
}

#logo {
font-size: 300%;
position: static;
margin: 0 auto;
top: 0;
float: none;
}

#logo img {
width: 200px;
}

#logo a {
}

/****** main ******/


main {
height: 1100px;
}

.content {
float: none;
width: auto;
margin: 0 auto;
}
    
    
/****** footer ******/

footer {
font-size: 0.9rem;
padding: 10px;
margin: 100px auto 20px;
}

footer .container {
padding: 30px 0 0 0;
}

.footer-content {
padding-left: 0;
}

#footer-bottom {
padding: 15px 0;
}

.backlink {
font-size: 0.85rem;
margin-left: 0;
}

.backlink a {
margin-left: 10px;
}

.backlink img {
margin-top: 5px;
width: 150px;
}
        
#page_popup {
padding: 0 20px;
}
    
}




/* Mobile */
@media screen and (max-width: 500px) {

body {
}

.container {
width: auto;
padding: 0 10px;
text-align: center;
}
    

/****** main ******/


main {
height: auto;
}


/****** footer ******/
  

footer {
text-align: center;
padding: 0;
height: auto;
margin: 150px auto 0;
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}

footer .container {
padding: 20px 10px;
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}

footer img {
margin: 10px 0;
}


/****** d ******/


a {
color: #666;
text-decoration: none;	
}

.clear {
clear: both;	
}

h1 {
font-size: 2.0em;
}


    
   


}