@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400&display=swap');

html,
body {
    height: 100%
}

body {
    font-weight: 300;
    overflow-x: hidden;
    overflow-y: auto;
    background: #f8f9fa;
    font-family: 'Montserrat', sans-serif;
}

.wrapper {
    width: 100%;
    position: relative;
    display: block;
}

a {
    outline: none;
    transition: all 0.5s;
}

a:hover {
    text-decoration: none;
    outline: none;
    transition: all 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

a:focus {
    text-decoration: none;
    outline: none;
}

img {
    max-width: 100%;
    border: 0px;
    transition: all 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.wrp-body-content{
	text-align:center;
}
.middle-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.middle-logo h1 {
	font-size: 80px;
	letter-spacing: 8px;
	line-height: 2;
	color: #1a515f;
	font-weight: lighter;
	text-align: center;
}
.middle-logo a {
	font-size: 70px;
	line-height: 84px;
	color: #dcbb48;
	font-weight: 400;
	margin-top: 50px;
}
.middle-logo img {
	max-width: 400px;
	margin-bottom: 40px;
	-webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);
   transition: all 0.5s ease;
}
.middle-logo img:hover {
	-webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   filter: grayscale(0%);
   transition: all 0.5s ease;
}