

.parallax-effect{position: relative; min-height: 100%; width: 100%;margin-top: 1.5%;margin-bottom: 4%;border-top: 1px solid #e5e5e5;    border-bottom: 1px solid #e5e5e5;}

.para-img{padding: 0px 0; min-height: 500px; }

.parallax-text3{
    position: absolute;
    left: 2%;
    width: 46%;
    top: 10%;   
    padding: 0;
    margin: 0;
    color: #57525a;
}

.parallax-text3 h1{
    font-size: 34px;
    line-height: 35px;
    letter-spacing: 3px;
    margin-bottom: 2%;
    font-family: Raleway !important;
    text-transform: uppercase;
    letter-spacing: 0px;
    word-spacing: 7px;
}

.parallax-text3 p{
    margin-bottom: 1%;
}


.parallax-text{
    position: absolute;
     right: 8%;
     width: 32%;
     top: 28%;
     font-family: Raleway !important;
     padding: 0;
     margin: 0;
     color: #57525a;
     text-transform: uppercase;
 }

.parallax-text h1{
    font-size: 34px; 
    line-height: 35px; 
    letter-spacing: 3px;
    margin-bottom: 2%;
}
.parallax-text h2{
    font-size: 40px; 
    line-height: 35px; 
    letter-spacing: 3px;
    margin-bottom: 2%;
}
.parallax-text h3{
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    letter-spacing: 1px;
    font-family: Raleway !important;
    color: #57525a;
}
.parallax-effect a.para-link {
    text-decoration:none;
    display:inline-block;
    text-transform:uppercase;
     box-shadow: 0 0 5px #57525a;
    background: #efefef;
    color: #363638;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    filter:alpha(opacity=0);
    margin:4% 0 0;
    padding:7px 14px;
    position: absolute;
    left: 0;
}
.parallax-effect:hover a.para-link {
    -webkit-transition-delay:.2s;
    transition-delay:.2s;
    opacity:1;
    filter:alpha(opacity=100);
    -ms-transform:translatey(0);
    -webkit-transform:translatey(0);
    transform:translatey(0);
    -webkit-transition-delay:.2s;
    transition-delay:.2s;
}
.parallax-effect a.para-link:hover {
   box-shadow: 0 0 5px #566caf;
    background: #efefef;
    color: #324ea5;    
}
.parallax-text2{
   position: absolute;
    right: 8%;
    width: 44%;
    top: 28%;
    font-family: Raleway !important;
    padding: 0;
    margin: 0;
    color: #222;
    text-transform: uppercase;
}
.parallax-text2 h1{
    font-size: 34px; 
    line-height: 35px; 
    letter-spacing: 3px;
    margin-bottom: 2%;
}
.parallax-text2 h2{
    font-size: 40px; 
    line-height: 35px; 
    letter-spacing: 3px;
    margin-bottom: 2%;
}
.parallax-text2 h3{
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    letter-spacing: 1px;
    font-family: Raleway !important;
    color: #222;
}
.parallax-effect a.para-link2 {
    text-decoration:none;
    display:inline-block;
    text-transform:uppercase;
    color:#222;
    border:1px solid #444;
    background-color:transparent;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    filter:alpha(opacity=0);
    margin:4% 0 0;
    padding:7px 14px;
    position: absolute;
    left: 0;
}
.parallax-effect:hover a.para-link2 {
    -webkit-transition-delay:.2s;
    transition-delay:.2s;
    opacity:1;
    filter:alpha(opacity=100);
    -ms-transform:translatey(0);
    -webkit-transform:translatey(0);
    transform:translatey(0);
    -webkit-transition-delay:.2s;
    transition-delay:.2s;
}
.parallax-effect a.para-link2:hover {
    box-shadow: 0 0 5px #000;
    background: #0082f5;
    color: #57525a;
}







@media handheld, only screen and (max-width: 1024px) {
	




}



@media handheld, only screen and (max-width: 667px) {


    .parallax-effect {       
        margin-top: 8.5%;
        margin-bottom: 10%;
    }
    .parallax-text3 { 
        background-color: rgb(245 245 245 / 79%);
        border: 1px double #ccc;
        width: 92%;
        padding: 2%;
        font-size: 14px;
        line-height: 24px;
        top: 2%;
        }

        .parallax-text3 h1 {
            font-size: 24px;
        }

    .parallax-text {
        width: 76%;
        background-color: #f5f5f5;
        padding: 5%;
        border: 1px double #ccc;
    }
.parallax-text h1{font-size: 24px;}
.parallax-text h2{font-size: 24px;}	
.parallax-text h3{font-size: 14px;}
    
.parallax-text2 {min-width: 300px; right: 2%;}
.parallax-text2 h1{font-size: 24px;}
.parallax-text2 h2{font-size: 24px;}	
.parallax-text2 h3{font-size: 14px;}

.parallax-effect a.para-link {    
    margin: 11% 0 0;
}


}





@media handheld, only screen and (max-width: 320px) {






}