/*
Theme Name: Grey Magic Дочерняя тема
Theme URI: https://www.goodwinpress.ru/tema-grey-magic
Author: Goodwin
Author URI: https://www.goodwinpress.ru/
Description: Grey Magic - шаблон лэндинга / посадочной страницы на WordPress для презентации продуктов и услуг, курсов, тренингов, образовательных программ, для ИП и самозанятых - цветной, с микроразметкой, сбором контактов, простой в настройке и очень быстрый. Рекомендуется как одностраничник, но может применяться и для многостраничного ресурса.
Template: greymagic
 */

/* * * * * * * * * * *  Размещайте ваши стили  под этой строкой  * * * * * * * * * *  */
@media only screen and (max-width:414px) {
  .wave-bottom2 {
    bottom: -56px !important
  }
}



.site-title {
  margin-right: 1rem;
  font-size: 2rem;
  font-family:'GolosTextWebBlack'
}  

.front_page__branding {
  margin-bottom: 1rem;
}

@media only screen and (max-width:1024px) {
  .front_page__branding {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width:800px) {
  .front_page__branding {
    margin: 3rem auto 1rem;
    max-width: 150px;
  }
}

.site-title__link,
.site-title__link:hover {
  color: #ffffff;
  text-decoration: none;
}

.header-caption {
  max-width: 1024px;
  padding-top: 0 !important;
  transform: translate(-18%, 1rem);
}

@media only screen and (max-width:1400px) {
  .header-caption {
    transform: translate(-10%, 1rem)
  }
}

@media only screen and (max-width:1300px) {
  .header-caption {
    transform: translate(-8%, 1rem)
  }
}

@media only screen and (max-width:1180px) {
  .header-caption {
    margin-top: 0 !important;
    transform: translate(0, 1rem)
  }
}

@media only screen and (max-width:1024px) {
  .header-caption {
    transform: translate(0, 0)
  }
}


.header-caption h1 {
  font-size: 56px;
}

@media only screen and (max-width:1024px) {
  .header-caption h1 {
    font-size: 50px;
  }
}

@media only screen and (max-width:800px) {
  .header-caption h1 {
    font-size: 46px;
  }
}

@media only screen and (max-width:500px) {
  .header-caption h1 {
    font-size: 36px;
  }
}

.header-caption span {
  margin-bottom: 40px;
}

a.gp-arrow-down {
  bottom: 27px;
  left: 10%;
}


.menunav {
  padding: 0 2rem;
  top: 38px;
}

.poster-icons {
  right: -34%;
}