

@media only screen and (max-width:1500px) { 
  .section-title h2 {
    font-size: 2.141em;
    letter-spacing: 3px;
	}
}

@media only screen and (max-width:1300px) { 

  .section-title h2 {
    font-size: 2.141em;
    letter-spacing: 2px;
  }

  .container {
    max-width: 90%;
  }

}

@media only screen and (max-width:1100px) { 
  .section-title h2 {
    font-size: 2.1em;
  }

  .type-item-wrapper .open-button {
    padding-top: calc(56% / 2 - 40px);
    padding-bottom: calc(56% / 2 - 40px);
  }

  .open-button-img {
    width: 80px;
  }

  .container {
    max-width: 95%;
  }  

}

@media only screen and (max-width:1000px) { 
  .section-title h2 {
    font-size: 2.1em;
  }


  .type-item-wrapper {
    max-width: 380px;
    width: 48%;
    margin: 1%;
  }  

  .rebuild-text-item-wrapper,
  .rebuild-item-wrapper{
    max-width: 100%;
    width: 100%;
    margin: 2% 0;
  }

  .rebuild-text-item {
    height: 100%;
  }  

  .rebuild-text-item-wrapper .rebuild-text-item-thumb {
    padding-top: 10%;
  }

  .type-item-wrapper .open-button {
    padding-top: calc(56% / 2 - 50px);
    padding-bottom: calc(56% / 2 - 50px);
  }

  .open-button-img {
    width: 80px;
  }

  .benef-item {
    width: 46%;
    margin: 1%;
  }

  .type-item-wrapper .type-item-title {
    letter-spacing: 0px;
    font-size: 120%;
  }

  .type-item-wrapper a.type-item-title-list {
    font-size: 90%;
  }

}

@media only screen and (max-width:800px) { 
  .section-title h2 {
    font-size: 1.9em;
  }

  .benef-item {
    width: 100%;
    margin: 0;
  }  

  .footer-row a{
    padding: 0.6em 1em;
  }  

  .open-button-img {
    width: 90px;
  }

}

@media only screen and (max-width:600px) { 
  .section-title h2 {
    font-size: 1.6em;
  }

  .type-item-wrapper {
    width: 100%;
    margin: 2% 0;
  }   

  .footer-row a{
    width: calc(100% - 2em);
  }

  .header-text{
    margin: 0 15px;
    font-size: 34px;
    font-weight: 300;
    display: inline-block;
    line-height: 100px;
    vertical-align: bottom;
    letter-spacing: 2px;
    font-style: italic;
  }

  .type-item-wrapper .type-item-title {
    font-size: 130%;
  }

  .type-item-wrapper .type-item-title-list {
    letter-spacing: 0px;
    font-size: 95%;
  }  

  .open-button-img {
    width: 70px;
  }

  .rebuild-text-item-wrapper .rebuild-text-item-thumb {
    padding-top: 30%;
  }  
}

@media only screen and (max-width:450px) { 
  .header-text{
    width: 100%;
    margin: 15px 0;
    font-size: 34px;
    line-height: 50px;
  }

}

@media only screen and (max-width:400px) { 
  .section-title h2 {
    font-size: 1.4em;
    letter-spacing: 1px;
  }
}