.sectiong1 .caption {top: 50%; transform: translateY(-50%);}
.sectiong1 .caption h1 {
  color: #ffffff;
    font-family: 'Montserrat'; font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
    padding: 0;
    margin: 0;
    font-size: 56px; line-height: 68px; }

.sectiong2 {padding: 90px 0;}


.sectiong2 h4 {font-family: 'Calluna-Regular'; line-height: 38px; color: #000000; padding: 0 0 10px 0;}
.sectiong2 h4 b                             {font-family: 'Calluna-Bold'; font-weight: normal;}
.sectiong2 h4 i                             {font-family: 'Calluna-It';}

.sectiong2 .contw {max-width: 800px; margin: 0 auto;}

.sectiong2 .contw .topc {padding: 0 0 30px 0;}

.sectiong2 .contw .pdflist {margin: 60px 0;}

.sectiong2 .contw .arrow-wrap {}

.sectiong2 .contw .arrow-wrap a {line-height: 120px; background: #ffffff; display: block; padding: 0 45px; border-radius: 100px; font-size: 18px; position: relative;}
.sectiong2 .contw .arrow-wrap a em {position: absolute; right: 40px; top: 33px; line-height: 50px;}





@media screen and (min-width: 1025px) and (max-width: 1229px) { 
   

    
}


@media screen and (min-width: 992px) and (max-width: 1024px) { 
    
 
    
}


@media screen and (min-width: 768px) and (max-width: 991px) { 
    

        
    .sectiong1 {
    height: 600px;
}
    
    .sectiong1 img {
    height: 100%;
}
    
    
    
    
    
    
    
}

@media screen and (min-width: 0px) and (max-width: 767px) { 
    

    
    .sectiong1 .caption h1 {font-size: 34px; line-height: 40px;}
    
    .sectiong1 {
    height: 400px;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
}