/* icon */
.icon-wrapper .icon, .icon-wrapper .more::after, .icon-wrapper .icon-before::before, .icon-wrapper .icon-after::after, .icon-wrapper .more:not(.icon-before):after {
     position: relative;
     top: -0.05em;
}


.icon-wrapper .more.more2, .icon-wrapper .more.more2::after{
     position: relative;
     top: -0.04em;
}

.no-warp{
     white-space: nowrap;
}

/* br */

.custom-337{
     display: none;
}

@media (min-width: 338px) and (max-width: 734px) {
     .custom-337{
         display: block;
     }
}
/* line-height */

.typography-hero-headline{
line-height: 1.1;

}

@media only screen and (max-width: 1068px) {
     .typography-hero-headline{
          line-height: 1.16875;
     }
 }
 
 @media only screen and (max-width: 734px) {
     .typography-hero-headline{
          line-height: 1.1;
     }
 }

.typography-section-headline{
     line-height: 1.161116;
}

@media only screen and (max-width: 1068px) {
     .typography-section-headline{
          line-height: 1.178573;
     }
 }
 
 @media only screen and (max-width: 734px) {
     .typography-section-headline{
          line-height: 1.21;
     }
 }
 
 /* service-item plan */
 .typography-plan-copy.custom-typography-plan-copy{
      min-height:102px;
 }

@media only screen and (max-width: 1068px) {
     .typography-plan-copy.custom-typography-plan-copy{
          min-height:109px;
     }
 }
 
 @media only screen and (max-width: 734px) {
     .typography-plan-copy.custom-typography-plan-copy{
          min-height:unset;
     }
 }

  .section-plans .plan-tile ul li:first-child {
     align-items: baseline;
}

@media only screen and (max-width: 734px) {
     .section-plans .plan-tile .tile-button {
          padding: 3px 12px;
     }
}

@media (min-width: 349px) and (max-width: 355px) {
     .section-plans .plan-tile figure.logo-icloud{
          margin-bottom:4px;
     }

} 

@media only screen and (max-width: 325px) {
     .section-plans .plan-tile figure.logo-icloud{
          margin-bottom:4px;
     }
}

.section-plans .plan-tile .front-face,
.section-plans .plan-tile .back-face{
    padding: 40px 36px 40px 36px;
}

@media only screen and (max-width: 1068px) {
     .section-plans .plan-tile .front-face,
     .section-plans .plan-tile .back-face{
          padding: 20px 20px 35px 20px;
      }
}

@media only screen and (max-width: 734px) {
     .section-plans .plan-tile .front-face,
     .section-plans .plan-tile .back-face{
          padding: 25px 21px 25px 21px;
      }
}