#intro .introTitle a {width:79%}
 #intro .introTitle {    background: rgba(255, 255, 255, 0.8);}
  #intro .introTitle .mainText  {width:25%;     margin:90px 0 0 6%;}
 #intro .introTitle .mainText span {color:#677278}
 #intro .introTitle .mainText strong { display:block; font-size:60px !important; text-align:center; margin-bottom:10px!important}
 #intro .introTitle .mainText span span {font-size:22px; text-align:center }
 #intro .introTitle .mainLogo {border-left:0; width:58%}
    #intro .introTitle a {
        margin-top: 3px;
    }


@media only screen  and (min-width:800px)  and (max-width:1168px) {
    #intro .introTitle .mainText strong {font-size:52px !important; margin-bottom:19px!important}
     #intro .introTitle .mainText span span {font-size:19px; }
     #intro .introTitle .mainText {margin-top:5%; width:30%}
     #intro .introTitle .mainLogo { width:50%!important    }

}
@media only screen and (max-width:768px) {
    #intro .introTitle .mainLogo { width:90%!important    }
    #intro .introTitle .mainText {width:100%!important;    margin-top: 30px !important; }
         #intro .introTitle a { width: 38%!important; margin-top:8px !important}
}

@media only screen and (max-width:480px) {
    #intro .introTitle .mainLogo { width:90%!important    }
    #intro .introTitle .mainText {width:100%!important }
    #intro .introTitle .mainText {margin-top: 50px !important;}
    #intro .introTitle .regLink{margin-top: 10px !important;}
}