.main
{
   max-width: 50em;
   margin: auto;
}

.main__intro
{
   min-height: 95vh;
   display: flex;
   justify-content: center;
   align-items: center;
}

.main__intro-content
{
   width: 100%;
}

.main__info
{
   margin-bottom: 1em;
}

.main__cta
{
   text-align: center;
   font-size: 2em;
}

.main__cta .btn
{
   font-size: 1em;
   font-weight: bold;
   text-transform: uppercase;
}

.main__logo
{
   display: block;
   margin: auto;
   margin-bottom: 2em;
}

.main__countdown
{
   margin: 0.3em;
   margin-bottom: 2em;
}

.countdown__container
{
   background: rgba( 252, 173, 211, 0 );
   padding-top: 1.2em;
   padding-bottom: 2.5em;
   box-shadow: 0px 0px 10px 0px rgba( 252, 173, 211, 1 ) inset;
   border: 1px solid #ffffff;
   border-radius: 0.5em;
   /* -webkit-border-radius: 8px 8px 8px 8px;
   -moz-border-radius: 8px 8px 8px 8px; */
   display: flex;
   justify-content: space-around;
}

.countdown__container-item
{
   /* background-color: #cccccc; */
   text-align: center;
   /* display: none; */
}

.countdown__container-value
{
   line-height: 1.2em;
   font-size: 5em;
   font-weight: bold;
   /* background-color: #cccccc; */
   width: 1.3em;
}

.countdown__container-label
{
   /* font-size: 5em; */
   font-weight: bold;
}


.main__info
{
   font-weight: bold;
   font-size: 2em;
   text-align: center;
}

.main__invite
{
   text-align: center;
   font-size: 2em;
   margin-bottom: 0.5em;
}


.main__registration-info
{
   /* font-weight: bold; */
   text-align: center;
   font-size: 2em;
}

.main__poster
{
   position: relative;
   text-align: center;
   font-size: 1em;
}


.main__poster img
{
   width: 80%;
}

.main__description
{
   font-size: 1.5em;
   overflow: hidden;
}

.main__trophies
{
   float: right;
   height: 320px;
   margin-bottom: 1em;
}

.main__map-desc
{
   font-size: 1.5em;
}

/* Small only */
@media screen and (max-width: 424px)
{
   .countdown__container-item:nth-child(4)
   {
      display: none;
   }
}

@media screen and (max-width: 727px)
{
   .main__location-map
   {
      width: 100%;
   }
}

@media screen and (max-width: 445px)
{
   .main__intro
   {
      align-items: flex-start;
      padding-top: 1em;
   }
}




/* Medium and up */
@media screen and (min-width: 768px){

   .main__location
   {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
   }

   .main__location-map
   {
      width: 50%;
   }
}

/* Medium only */
/*@media screen and (min-width: 768px) and (max-width: 991px) {}*/

/* Large and up */
/*@media screen and (min-width: 992px) {}*/

/* Large only */
/*@media screen and (min-width: 992px) and (max-width: 1199px) {}*/

/* X-Large and up */
/*@media screen and (min-width: 1200px) {}*/