@import url('reset.css');

html,
body {
  background: url(../img/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  height: 100%;
  background-color: #164194;
  color: #fff;
  text-align: center;
}

#logo_img{
	width:50%;
	margin-top:20%;
	margin-bottom:10%;
}

#btn_img_1{
	width:70%;
	margin-bottom:10%;
	content: url("../img/Logo_3.png");
}

#hidden {
    display: none;
}

#butn:hover #visible
{
    display: none;
}

#butn:hover #hidden {
    display: block;
}

.img_cls{
	width:70%;
	margin-bottom:10%;
}

#footer_img{
	width:70%;
	margin-top:10%;
}

@media only screen and (width: 1024px) {
    #butn{
	padding: 30px !important;
}
}

@media only screen and (width: 1366px) {
    #butn{
	padding: 40px !important;
}
}

#butn{
	padding: 50px;
    background-color: #2a509ad1;
    border-radius: 80px;
    box-shadow: 1px 5px 23px #35353542;
	transition: 0.3s;
	text-decoration: none;
}

#butn:hover {
  background-color: #ffffff;
}

#butn:hover #body_text{
  color: #565656;
}

#butn:hover #link_text{
  color: #164194;
}

i.fa.fa-chevron-circle-right.fa-lg {
color:#f14f30;
}

#body_text{
	font-family: 'Montserrat', sans-serif;
	color:white;
}

#body_text:hover{
    text-decoration: none;
}

#link_text{
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	color:white;
}

a:-webkit-any-link {
    text-decoration: none !important;
}

a:-moz-any-link {
    text-decoration: none !important;
}