.section-two {
  min-height:260px;
  padding: 0; 
  background-image: url("../img/social.jpg");
  background-size: cover;
  background-position: center center;
  position: relative;
  background-attachment: fixed; margin-top:0px; float:left; width:100%}
  .section-two .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1); }
    .section-two .mask .text-align { width:100%;
      position: relative;
      display: inline-block;
      padding: 0px;
      text-align: center;
      left: 0;
      top: 19%; }


.section-two .mask .text-align ul{float:left; width:80%; margin-left:10%; }
.section-two .mask .text-align ul li{float:left; width:33%; text-align:center; padding:9% 0 0 0; font-family:'Open Sans';}

.section-two .mask .text-align ul .li1{ background:url(../img/pr1.png) no-repeat center 0;}
.section-two .mask .text-align ul .li2{ background:url(../img/pr2.png) no-repeat center 0}
.section-two .mask .text-align ul .li3{ background:url(../img/pr3.png) no-repeat center 0;}

.section-two .mask .text-align ul li h1{color:#fff; font-size:28pt; letter-spacing:7pt; font-weight:bold}
.section-two .mask .text-align ul li span{color:#fff; font-size:12pt; letter-spacing:1pt; line-height:16pt; font-weight:600}

 .section-two .mask .social { width:100%;
      position: relative;
      display: inline-block;
      padding: 0px;
      text-align: center;
      left: 0;
      top: 0%;
      background:#0c0e0f }

.section-two .mask .social ul{float:left; width:34%; margin-left:33%; padding:3% 0 0 0}
.section-two .mask .social ul li{float:left; width:25%; text-align:center; padding:0; font-family:'Open Sans'; text-align:center}
.section-two .mask .social ul li a span{float:none; padding-left:24px; padding-top:25px}
.section-two .mask .social ul li a:hover{text-decoration:none}
.section-two .mask .social ul .li1{padding:0;}
.section-two .mask .social ul .li4{padding:0}
.section-two .mask .social ul .li1 a span{background:url(../img/sc1.png) no-repeat center center;}
.section-two .mask .social ul .li2 a span{background:url(../img/sc2.png) no-repeat center center;}
.section-two .mask .social ul .li3 a span{background:url(../img/sc3.png) no-repeat center center;}
.section-two .mask .social ul .li4 a span{background:url(../img/sc4.png) no-repeat center center;}
.section-two .mask .social ul .li1 a:hover span{background:url(../img/sc1a.png) no-repeat center center;}
.section-two .mask .social ul .li2 a:hover span{background:url(../img/sc2a.png) no-repeat center center;}
.section-two .mask .social ul .li3 a:hover span{background:url(../img/sc3a.png) no-repeat center center;}
.section-two .mask .social ul .li4 a:hover span{background:url(../img/sc4a.png) no-repeat center center;}

 .section-two .mask .copyright { width:100%;
      position: relative;
      display: inline-block;
      padding: 0px;
      text-align: center;
      left: 0;
      top: 25%; color:#fff; font-size:11pt; font-family:'Open Sans'; line-height:18pt}


 .section-two .mask .copyright span{text-decoration:none; font-size:9pt; color:#999;}
 .section-two .mask .copyright span a{text-decoration:none;}




@media screen and (max-device-width: 768px) {
.section-two {
  min-height: 200px; }
    .section-two .mask .text-align {
      top: 0%; }

.section-two .mask .text-align ul{ width:100%; padding-left:0; margin-left:0;}
.section-two .mask .text-align ul li{width:94%; margin-left:3%; text-align:center; padding:20px 0 0 0; margin-bottom:40px; height:200px; background:#cc0000}

.section-two .mask .text-align ul li h1{color:#fff; font-size:35pt; letter-spacing:6pt; font-weight:bold}
.section-two .mask .text-align ul li span{color:#fff; font-size:24pt!important; letter-spacing:1pt; line-height:30pt; font-weight:600}

 .section-two .mask .social { 
      top: 0%; }

 .section-two .mask .copyright { 
      top: 10%; color:#fff; font-size:10pt; font-family:'Open Sans'; line-height:16pt; width:50% }
	   .section-two .mask .social ul{float:left; width:50%; margin-left:25%; padding:40px 0 0 0}
.section-two .mask .social ul li{float:left; width:25%; text-align:center; padding:0 0 0 0; font-family:'Open Sans';}
.section-two .mask .social ul li a span{float:none; width:24px; height:25px; margin-top:20px}
.section-two .mask .social ul .li1{padding:0 0 0 0;}
.section-two .mask .social ul .li3{padding:0 0 0 0;}
}

