@media only all and (max-width: 700px) {
    /* for 700px or less */
    body {
      font-size: 80%;
      line-height: 1.5;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
    }
    .frame-outer {
      width: 100%;
      font-size: 0.9rem;
    }
    .box-left {
      width: 100%;
      padding: 0 0 1rem 0;
    }
    .box-right {
      width: 100%;
      padding: 0 0 1rem 0;
    }
    .flex {
      display: block;
		margin: 1rem 0;
    }
	.flex2 {
		flex-wrap: wrap-reverse;
	}
	
    .left,.right {
      width: 100%;
		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 100%);
    }
    .left,.right {
      margin-bottom: 2rem;
    }
	
	.left2,.right2 {
		width: 100%;
	}
	
	.right2 {
		height: 10rem;
		clip-path: polygon(0 0, 85% 0%, 100% 30%, 100% 100%, 0% 100%);
    }
    .row {
      display: block;
      float: left;
      width: 100%;
    }
	
	.slogan {
		clip-path: polygon(0 0, 94% 0%, 100% 45%, 100% 100%, 0% 100%);
	}
	h4 {
		font-size: 0.9rem;
	}
	h1 {
		font-size: 1.5rem;
	}
	.content {
		margin: 0;
		padding: 2rem 0;
	}
	.title {
		margin: 1rem 3% 0;
	}
	
}

.refnr {}

.apply {}