@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&display=swap');
a {outline: none;}

html {padding:0; margin:0;}
body {padding:0; margin:0;}



.main {
    min-height: 100vh;
    width: 100vw;
	background:url(images/bg.jpg) no-repeat fixed;
    background-size: cover;
    background-position: center;
}
.info {max-width:1200px; margin:0 auto; display: flex; justify-content: space-between;}
.block1 {margin: 80px 0 0;}
.block2 {margin: 140px 0 0; width: 700px;}
.block2 img {width: 300px;}
.block3 {margin: 80px 0 0;}
.block1 img, .block3 img {width: 150px;}
.text {box-sizing: border-box; font:300 31px/38px 'Jost', sans-serif; color:#000; text-align:center;}
p.pdo {font:500 22px/28px 'Jost', sans-serif; color:#000; text-align:center; margin-top:5px;}
.amuletimg {margin: 70px auto; display: flex; justify-content: space-evenly;}
.copyright {margin: 50px auto 0; padding-bottom: 20px; font:400 16px/19px 'Jost', sans-serif; color:#000; text-align:center;}



.links {display: none;} 
.clicktg a, .clicktg a:visited {
  margin: 20px 0;
  display: block;
  text-decoration: none;
  font: 400 19px/50px 'Jost', sans-serif;
  color: #fff;
  background: #229ED9;
  text-align: center;
  transition: background 0.3s ease-in-out;
  border-radius: 5px;
  padding: 0 25px;
}
.clicktg a:hover {background: #3cafe6;} 

.clickdo a, .clickdo a:visited {
  margin: 20px 0;
  display: block;
  text-decoration: none;
  font: 400 19px/50px 'Jost', sans-serif;
  color: #fff;
  background: #1c8810;
  text-align: center;
  transition: background 0.3s ease-in-out;
  border-radius: 5px;
  padding: 0 25px;
}
.clickdo a span {
  display: inline-block;
  background:url(images/donate.png) left center no-repeat;
  background-size: 30px;
  padding-left: 40px;
}
.clickdo a:hover {background: #3d9d32;} 

.linkdo {text-align: center;}
.linkdo .clickdo a, .clickdo a:visited {display: inline-block;}


@media (max-width: 1199px) {
.info {width:100%;}
.block1 {margin: 60px 0 0; padding: 0 20px;}
.block2 {margin: 110px 0 0; width: 600px;}
.block2 img {width: 250px;}
.block3 {margin: 60px 0 0; padding: 0 20px;}
}


@media (max-width: 900px) {
/*.main {background-attachment: initial;}*/
.info {width:90%; flex-wrap: wrap; justify-content: center;}
.info > .block1 {order: 3;}
.info > .block2 {order: 1;}
.info > .block3 {order: 4;}
.info > .links {order: 2;}
.block1 {margin: 40px 0 0; width: 100%; text-align: center;}
.block2 {margin: 50px 0 0; width: 100%;}
.block2 img {width: 300px;}
.block3 {margin: 40px 0; width: 100%; text-align: center;}
.block1 img, .block3 img {width: 200px;}
.text {box-sizing: border-box; font:300 25px/32px 'Jost', sans-serif; color:#000; text-align:center;}
.amuletimg {margin: 30px auto; display: flex; flex-wrap: wrap; gap: 30px 0;}
.links {display: block;} 
.linkdo {display: none;}
p.pdo {font:500 16px/22px 'Jost', sans-serif; color:#000; text-align:center; margin-top:5px;}
.copyright {margin: 15px auto 0; padding-bottom: 15px;}
}




/********** icomoon **********/

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?hxg521');
  src:  url('fonts/icomoon.eot?hxg521#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?hxg521') format('truetype'),
    url('fonts/icomoon.woff?hxg521') format('woff'),
    url('fonts/icomoon.svg?hxg521#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-telegram:before {content: "\ea95"; font-size:30px; line-height: 50px; padding: 0 5px 0 0; vertical-align: top;}