.main{
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
	background-image: url(../img/first.png);
}

.donate{
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/second.jpg);
}

.info{
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/third.png);
}

.block {
    height: auto;
    display: inline-block;
    position: relative;
    margin: 3px;
    text-align: center;
}

.block .blockhover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    color: #fff;
    transition: 0.2s;
    opacity: 0;
}

@media screen and (max-width: 1400px)
.blockheader {
    font-size: 1.8rem;
}

@media screen and (max-width: 1400px)
.blocktext {
    display: none;
}
@media screen and (max-width: 1650px)
.blocktext {
    display: none;
}

.divpad {
    padding-top: 18px;
}

.block:hover .blockhover{opacity:1;transition:0.4s;}

.blockhover .goplay {
    transition: 0.3s;
    color: #fff;
    font-size: 1.8rem;
}

.blockhover .goplay {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 70px;
    left: 0;
    transition: 0.3s;
}

.blocktext {
    display: block;
    padding: 10px;
    font-size: 1.1rem;
}

.blockheader {
    display: block;
    font-size: 2.7rem;
    font-weight: 600;
}

.conblock {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    text-align: center;
}

.bg-pattern {
  position: fixed;
  background-image: url(../img/bg-pattern.png);
  background-repeat: repeat;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.preloader,
.preloader__img {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.preloader {
  position: fixed;
  background: rgba(0,0,0,1);
  overflow: hidden;
  z-index: 999998;
}
.preloader::before,
.preloader::after {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  height: 50%;
  left: -50%;
  background: #222;
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
.preloader::before {
  top: 0;
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.preloader::after {
  bottom: 0;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.preloader.active::before,
.preloader.active::after {
  height: 0;
  -webkit-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  -o-transform: rotate(25deg);
  transform: rotate(25deg);
}
.preloader__img {
  position: absolute;
  margin: auto;
  z-index: 999999;
}



/* RESET-GENERAL STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: white;
}

ul, li {
	list-style-type: none;
}

/* SECTION STYLES - fullPage.js 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

section { 
	text-align: center;
    /*background: url('https://unsplash.it/1910/1221?image=626') no-repeat center / cover;*/
}

h2 {
	text-transform: lowercase;
	font-size: 4em;
	margin-bottom: 20px;
}

h3 {
	font-weight: 300;
	font-size: 2.8em;
}



/* SLIDENAV STYLES - fullPage.js 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#fp-nav ul li a span, 
.fp-slidesNav ul li a span {
	background: white;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
}

#fp-nav ul li a.active span, 
.fp-slidesNav ul li a.active span, 
#fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li:hover a.active span {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: transparent;
	box-sizing: border-box;
	border: 1px solid #24221F;
}