html, .root {
  font-size: 16px;
  line-height: 24px;
  font-family: 'DB Heavent';
  font-weight: normal;
}
body {
    background: #062643;
}
.wrap{
  max-width: 1200px;
  margin: auto;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.head {
  margin-top: 50px;
}

.logo #logo-s {
  display: none;
}
.headline {
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.headline h1 {
  font-size: 48px;
  font-weight: 500;
  /* width: 414px; */
  color: #ffffff;
  line-height: 0.9;
  text-align: center;
  margin: auto;
  margin-top: 25px;
	font-family: 'DB Heavent';
}
.headline h1 span {
  color: #edca54;
  font-weight: 600;
}
.headline p{
  font-size: 24px;
  font-weight: 300;
  color: #ffffff;
  line-height: 1.2;
  margin-top: 15px;
}
.bg-back {
  background: url(../../images/switchoffate/bg.jpg?v=0.0.1)top center repeat-x;
  position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%; 
 z-index: -4;

}
.flasheffect {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../images/switchoffate/bg.jpg?v=0.0.1)top center repeat-x;
  -webkit-filter: brightness(2);
  filter: brightness(2);
  -o-filter: brightness(2);
  -moz-filter: brightness(2);
  z-index: -3;
  opacity: 0;

}
.flashit{
  -webkit-animation: flash ease-out 7s infinite;
  -moz-animation: flash ease-out 7s infinite;
  animation: flash ease-out 7s infinite;
  animation-delay: 2s;
  }
  
  @-webkit-keyframes flash {
      from { opacity: 0; } 
    92% { opacity: 0; }
      93% { opacity: 0.6; }
    94% { opacity: 0.2; }
    96% { opacity: 0.9; } 
      to { opacity: 0; }
  }
  
  @keyframes flash {
      from { opacity: 0; } 
      92% { opacity: 0; }
      93% { opacity: 0.6; }
      94% { opacity: 0.2; }
      96% { opacity: 1; } 
      to { opacity: 0; }
  }

#columns {
  column-count: 3;
  column-gap: 15px;
 }
 .post-social {
  display: inline-block;
  width: 100%;
 }
 .post-social.fb-user {
  background: white;
  margin: 10px 0 10px 0;
 }
 .post-social.fb-user:first-child {
  margin-top: 0;
 }
 .masonry-item iframe {
  display: block;
 }

 .condition {
  margin-top: 50px;
  color:#ffffff;
}
.condition p{
  font-size: 24px;
}
.condition p span{
  line-height: 24px;
  font-size: 18px;
  font-weight: 200;
}
.condition ul {
  margin: 0;
  padding-inline-start: 20px;
}
.condition ul>li{
  list-style: decimal;
  line-height: 24px;
  font-size: 18px;
  font-weight: 200;
}

.footer {
  width: 100%;
  text-align: center;
  margin: 3rem auto 1rem;
  color: #ffffffb3;
  font-size: 12px;
  font-weight: 100;
  padding-left: 20px;
  padding-right: 20px;
}
/*
.name-list { width: 550px; margin: 0 auto 24px; overflow: hidden; border: 1px solid #fff;}
.name-list p { font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.2; display: inline-block; float: left; border: 1px solid #fff; width: 50%; padding: 4px 8px;}
.name-list p:nth-child(2n+1) { clear: both;}
*/
.name-list { width: 550px; margin: 0 auto 40px; overflow: hidden; border: 1px solid #fff;}
.name-list td { font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.2; width: 50%; padding: 4px 8px; border: 1px solid #fff; vertical-align: top;}

 @media (max-width: 1199px) { 
   .wrap {
    max-width: 970px;
    margin: auto;
   }
  #columns { 
    column-count: 2;
  }
  #columns .post-social { 
    width: 100%; 
    display: block;
  }
}
@media (max-width: 768px){
  .wrap{
      max-width: 750px;
  }
  #columns { 
    column-count: 1;
  }
  .post-social iframe{
    width: 100% !important;
    display: block;
    overflow: hidden;
  }
	.post-social.fb-user { background: none;}
	.post-social.fb-user iframe { max-width: 550px; background: #fff; margin: 0 auto;}
	.post-social.fb-user .fb_iframe_widget_fluid span { background: #fff;}
	#columns .post-social { text-align: center;}
	.post-social.twitter-post .twitter-tweet.twitter-tweet-rendered { margin: 0 auto;}
	.post-social.ig-post .instagram-media.instagram-media-rendered { margin: 0 auto 12px !important;} 
	.name-list { width: 100%; max-width: 550px;}
}
@media (max-width: 659px){
	.post-social.fb-user .fb_iframe_widget_fluid span { width: 100%;}
}
@media (max-width: 480px){
  .logo #logo-s {
    display: block;
  }
  .logo #logo-m {
    display: none;
  }
  .bg-back{
    /* height: 70%; */
    background: url(../../images/switchoffate/bg-mobile.jpg?v=0.0.1)top center no-repeat;
    background-size: cover;

  }
  .flasheffect {
    /* height: 70%; */
    background: url(../../images/switchoffate/bg-mobile.jpg?v=0.0.1)top center no-repeat;
    background-size: cover;
  }
}
@media (max-width: 374px){
	.headline h1 { font-size: 40px;}
	.post-social.ig-post iframe { min-width: 100% !important;}
}