@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1200px) {

	.full-sub {display: inline; }  
	.mobile-sub {display: none; }
	
.portrait {    border-radius: 3%;
    max-width: 250px;
    width: 100%;
    height: auto;background-color: #a89b8a;
    margin: 40px 0px 40px 40px; border: 0px solid #a89b8a;
    float: right;} 	
	
.focus {
color: #222222;
}
.focus .letter {font-size: 32px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
  opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}

.focus-2 {
color: #222222;
}
.focus-2 .letter {font-size: 32px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}

.focus-3 {
color: #222222;
}
.focus-3 .letter {font-size: 32px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}

.focus-4 {
color: #222222;
}
.focus-4 .letter {font-size: 32px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}

.focus-5 {
color: #222222;
}
.focus-5 .letter {font-size: 32px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}
	
.focus-6 {
color: #222222;
}
.focus-6 .letter {font-size: 32px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}
	
.sub-1 {
color: #222222;
}
.sub-1 .letter {font-size: 26px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}

.sub-2 {
color: #222222;
}
.sub-2 .letter {font-size: 26px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}

.sub-3 {
color: #222222;
}
.sub-3 .letter {font-size: 26px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}
	
.sub-3b {
color: #222222;
}
.sub-3b .letter {font-size: 26px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}	
	

.sub-4 {
color: #222222;
}
.sub-4 .letter {font-size: 26px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}
	
.sub-4b {
color: #222222;
}
.sub-4b .letter {font-size: 26px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}
	

.sub-5 {
color: #222222;
}
.sub-5 .letter {font-size: 26px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}

.sub-6 {
color: #222222;
}
.sub-6 .letter {font-size: 26px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}

.sub-7 {
color: #222222;
}
.sub-7 .letter {font-size: 26px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}
	
.sub-8 {
color: #222222;
}
.sub-8 .letter {font-size: 26px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}
	
.p1 {
color: #222222;
}
.p1 .letter {
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}
}


@media screen and (min-width: 961px) and (max-width: 1199px) {

	.full-sub {display: inline; }  
	.mobile-sub {display: none; }
	
.portrait {    border-radius: 3%;
    max-width: 250px;
    width: 100%;
    height: auto;background-color: #a89b8a;
    margin: 40px 0px 40px 40px; border: 0px solid #a89b8a;
    float: right;} 
	
.focus {
color: #222222;
}
.focus .letter {font-size: 30px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;
}

.focus-2 {
color: #222222;
}
.focus-2 .letter {font-size: 30px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}

.focus-3 {
color: #222222;
}
.focus-3 .letter {font-size: 30px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.focus-4 {
color: #222222;
}
.focus-4 .letter {font-size: 30px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;	
}

.focus-5 {
color: #222222;
}
.focus-5 .letter {font-size: 30px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}
	
.focus-6 {
color: #222222;
}
.focus-6 .letter {font-size: 30px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.sub-1 {
color: #222222;
}
.sub-1 .letter {font-size: 25px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.sub-2 {
color: #222222;
}
.sub-2 .letter {font-size: 25px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.sub-3 {
color: #222222;
}
.sub-3 .letter {font-size: 25px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.sub-3b {
color: #222222;
}
.sub-3b .letter {font-size: 25px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}	
	
.sub-4 {
color: #222222;
}
.sub-4 .letter {font-size: 25px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}
	
.sub-4b {
color: #222222;
}
.sub-4b .letter {font-size: 25px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}	

.sub-5 {
color: #222222;
}
.sub-5 .letter {font-size: 25px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.sub-6 {
color: #222222;
}
.sub-6 .letter {font-size: 25px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.sub-7 {
color: #222222;
}
.sub-7 .letter {font-size: 25px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}
.sub-8 {
color: #222222;
}
.sub-8 .letter {font-size: 25px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}
.p1 {
color: #222222;
}
.p1 .letter {
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}
}

@media screen and (max-width: 960px) {
	
	.full-sub {display: none; }  
	.mobile-sub {display: inline; }
	
	
.portrait {    border-radius: 3%;
    width: 100%;
    height: auto;background-color: #a89b8a;
    margin: 40px 00px 40px 00px; border: 0px solid #a89b8a;
    float: right;} 

.focus {
color: #222222;
}
.focus .letter {font-size: 27px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.focus-2 {
color: #222222;
}
.focus-2 .letter {font-size: 27px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.focus-3 {
color: #222222;
}
.focus-3 .letter {font-size: 27px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.focus-4 {
color: #222222;
}
.focus-4 .letter {font-size: 27px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.focus-5 {
color: #222222;
}
.focus-5 .letter {font-size: 27px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}
.focus-6 {
color: #222222;
}
.focus-6 .letter {font-size: 27px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}
.sub-1 {
color: #222222;
}
.sub-1 .letter {font-size: 22px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.sub-2 {
color: #222222;
}
.sub-2 .letter {font-size: 22px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.sub-3 {
color: #222222;
}
.sub-3 .letter {font-size: 22px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.sub-3b {
color: #222222;
}
.sub-3b .letter {font-size: 22px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}
	
.sub-4 {
color: #222222;
}
.sub-4 .letter {font-size: 22px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}
	
.sub-4b {
color: #222222;
}
.sub-4b .letter {font-size: 22px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.sub-5 {
color: #222222;
}
.sub-5 .letter {font-size: 22px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.sub-6 {
color: #222222;
}
.sub-6 .letter {font-size: 22px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.sub-7 {
color: #222222;
}
.sub-7 .letter {font-size: 22px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
}
.sub-8 {
color: #222222;
}
.sub-8 .letter {font-size: 22px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.p1 {
color: #222222;
}
.p1 .letter {
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}
	
.mob-1 {
color: #222222;
}
.mob-1 .letter {font-size: 22px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
}
	
.mob-2 {
color: #222222;
}
.mob-2 .letter {font-size: 22px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}

.focus-mob-1 {
color: #222222;
}
.focus-mob-1 .letter {font-size: 27px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}	

.focus-mob-2 {
color: #222222;
}
.focus-mob-2 .letter {font-size: 27px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
}	
	
.focus-mob-3 {
color: #222222;
}
.focus-mob-3 .letter {font-size: 27px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}	
		
	
.mob-3 {
color: #222222;
}
.mob-3 .letter {font-size: 22px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;padding-top:2px;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}
.mob-4 {
color: #222222;
}
.mob-4 .letter {font-size: 22px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}
.mob-5 {
color: #222222;
}
.mob-5 .letter {font-size: 22px; letter-spacing: 0.5px;
  display: inline-block;
  color: #222222;
opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;		
}	
	
}