body{
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  padding-bottom: 70px;
  padding-top: 50px;
}
main{
  padding: 50px 0;
}
.box{
  display: block;
  align-items: center;
  align-content: center;
  width: 100%;
  background: white;
  z-index: 50;
  background-image:linear-gradient(+135deg, #000 0%, #1E3168 100%);
  margin: 50px 0;
  padding: 100px 0;
}
.contain{
  display: block;
  width: 768px;
  margin: 0 auto;
  border: 2px solid white;
  padding: 50px 0;
}
.bk{
  position: absolute;
  display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  z-index: 5;
}
.logo{
  display: block;
  margin: 0 auto;
  max-width: 400px;
  margin: 0 auto;
}
 p{
   display: block;
   width: 100%;
   font-family: 'Raleway', sans-serif;
   font-size: 3em;
   font-weight: normal;
   text-transform: uppercase;
   line-height: 1.5em;
   color: white;
   text-align: center;
   margin: 0 auto;
 }
b{
  font-weight: bold;
}
 span{
   display: block;
   width: 100%;
   font-family: 'Raleway', sans-serif;
   font-size: 1.1em;
   font-weight: 300;
   line-height: 1.5em;
   color: white;
   text-align: center;
   text-transform: uppercase;
 }
a{
  display: block;
  width: 100%;
  font-family: 'Raleway', sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2em;
  color: white;
  text-align: center;
  text-decoration: none;
  letter-spacing: 5px;
  margin-top: 10px;
}
.info{
  display: block;
  width: 100%;
  font-family: 'Raleway', sans-serif;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.5em;
  color: silver;
  text-align: center;
  text-transform: uppercase;
}
.info-link{
  display: block;
  width: 100%;
  font-family: 'Raleway', sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2em;
  color: #7F7F7F;
  text-align: center;
  text-decoration: none;
  letter-spacing: 2px;
  margin-top: 10px;
}
@media (min-width:768px) and (max-width:960px){
  .logo{ max-width: 400px; }
}
@media (min-width:480px) and (max-width:768px){
  .logo{ max-width: 350px; }
  p{font-size:1.35em;}
  span{font-size: 1.05em;}
  a{font-size: 1.1em;letter-spacing: 4px;}
  .contain{
    width: 90%;
    margin: 0 auto;
  }
  .box{
    margin: 30px 0;
    padding: 60px 0;
  }
}
@media screen and (max-width:480px) {
  .logo{ width: 70%;}
  p{font-size:1.2em;}
  span{font-size: 0.9em;}
  .info{font-size: 0.9em;}
    .info-link{font-size: 1em;}
  a{font-size: 1em;letter-spacing: 3px;}
  .contain{
    width: 90%;
    margin: 0 auto;
  }
  .box{
    margin: 30px 0;
    padding: 50px 0;
  }
}