html, body { height: 100%; padding:0; margin:0; } 
body{font-family: 'Raleway', sans-serif;font-size: 18px; color: #fff; font-weight:normal!important;background-color:#fff;} 
.x{border:1px solid #000;}

a.link1:link, a.link1:visited, a.link1:active{color:#fff;font-size:18px; background-color:#a5a5a5;text-align:center; text-decoration:none; padding:10px 20px; line-height:30px; margin-bottom:20px!important;  width:100%;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; display:block; 
background: linear-gradient(to right, #a5a5a5 50%, #07717c 50%); background-size: 200% 100%; background-position:left bottom; margin:10px auto!important;

}
a.link1:hover {color:#f8a41e;background-position:right bottom;}

a.link2:link, a.link2:visited, a.link2:active{color:#fff;font-size:18px; background: linear-gradient(to right, #07717c 50%, #a5a5a5 50%); background-size: 200% 100%; background-position:left bottom; width:100%;
background-color:#07717c;text-align:center; text-decoration:none; padding:10px 20px; line-height:30px; margin-bottom:20px!important; 
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; display:block;margin:10px auto!important;}
a.link2:hover {color:#fff;background-position:right bottom;}.logo{margin-bottom:90px;}

@media (min-width: 1200px){
.relative{position:relative;}
.logo-bg{background-color:rgba(252,252,252,0.8); position:absolute; left:30px; top:0; z-index:999999!important; height:100%;}
.logo img{padding-bottom:40px;padding-top:50px; padding-left:20px; padding-right:20px;}
a.link1:link, a.link1:visited, a.link1:active{margin-left:10%;}
a.link2:link, a.link2:visited, a.link2:active{margin-left:10%;}
.copyright p{margin-left:15%;}
a.link1:link, a.link1:visited, a.link1:active, a.link2:link, a.link2:visited, a.link2:active{max-width:300px; width:300px!Important;margin:20px auto!important;}

}

@media (min-width: 992px) and (max-width: 1199px) {
.relative{position:relative;}
.logo-bg{background-color:rgba(252,252,252,0.5);position:absolute; left:0px; top:0; z-index:999999!important; height:100%;}
.logo img{padding-top:70px; padding-left:0px; padding-right:0px; width:100%!important;}
a.link1:link, a.link1:visited, a.link1:active{margin-left:5%; padding:0px 0px!important; font-size:16px!important;}
a.link2:link, a.link2:visited, a.link2:active{margin-left:5%;}
.copyright p{margin-left:15%;}
a.link1:link, a.link1:visited, a.link1:active, a.link2:link, a.link2:visited, a.link2:active{margin:20px auto!important;}

}
@media (min-width: 768px) and (max-width: 991px) {
.logo img{margin-bottom:30px;}.side-left{padding-top:15px!important;}
}


@media (max-width: 767px) {.logo{margin-bottom:30px;}.side-left{padding-top:15px!important;}.side-left{padding-top:15px!important;}
}

@media (max-width: 480px) {.logo img{padding-bottom:30px;padding-top:30px; padding-left:20px; padding-right:20px;}
}

@media (max-width: 380px) {.logo{margin-bottom:30px;}.side-left{padding-top:15px!important;}
}