body,
body * {
margin: 0;
padding: 0;
vertical-align: top;
box-sizing: border-box;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS',
 sans-serif;
}
body {
   background: #76b1dd;
   background: linear-gradient(151deg, #76b1dd 0%, #2f4f7d 100%);
   position: relative; 
}
.background {
   background-image: url(../img/hill.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   filter: blur(18px);
   height: 100vh;
}
.container {
   display: inline-block;
   width: 800px;
   position: absolute;
   left: calc(50% - 400px);
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);

}
.left-column {
  position: absolute;
   width: 40%;
   padding: 40px;
   background-color: #5c37a8;
   
   background-image: url(../img/hill.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   top: 40px;
   bottom: 40px;
}
.main-title {
display: inline-block;
width: 100%;
color: white;
}
.bottom-links {
    display: inline-block;
    
    color: white;
    position: absolute;
    bottom: 20px;
    left: 40px;
    right: 40px;
}
.link {
   color: white;
}
.symbol {

}
.right-column {
   padding: 60px;
    width: 60%;
    background-color: #fff;
    float: right;
   
}

.close {
   display: inline-block;
   width: 60px;
   height: 60px;
   font-size: 30px;
   text-align: center;
   line-height: 54px;
   position: absolute;
   top: 0;
   right: 0;

}
.form-row > span {
   margin-left: 11px;
   display: inline-block;
   line-height: 20px;
   padding: 11px;
   font-size: 18px;

}
.form-row > a {
   display: inline-block;
   text-decoration: none;
   line-height: 20px;
   padding: 11px;
   font-size: 18px;

}
.form-row > a:hover {
   text-decoration: underline;
}