body{
  margin:0;
  padding:0;
  background-color: #1561e8;
  font-family: Lato-Regular, sans-serif;;
}
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; 
}
.main-wrapper{
  width:100%;
  height:auto;
  min-height:100vh;
  background: url(../img/page-bg.jpg) no-repeat center center fixed;
  background-size: cover;
  overflow: hidden;
}
.main-wrapper-inner{
  width:calc(100% - 30px);
  max-width:1700px;
  margin:0 auto;
}
.logo-wrapper{
  width:100%;
  height:100px;
  margin-bottom:3rem;
  padding: 2rem;
}
.logo-wrapper img{
  max-height:100%;
  max-width:unset;
  width: 80%;
}
.logo-wrapper #logo1{
  text-align: left;
}
.logo-wrapper #logo2{
  text-align: right;
}
.main-wrapper-inner{
  padding: 10vh 15px;
}
.link_box a{
  color: #000;
  text-decoration: none;
}
.link_box a:hover{
  color: #fff;
  text-decoration: none;
}
.link-btn{
  padding: 1rem;
  width: inherit;
  background-color: #99d7f2;
  border: 5px solid #ffde59;
  border-radius: 15px;
  font-size: 20px;
  text-align: center;
  margin-bottom: 2rem;
}
.link-btn:hover{
  background-color: #1566d1;
  border: 5px solid #f6ca31;
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

@media (max-width: 1024px) and (orientation: portrait){
.logo-wrapper #logo1{
   text-align: center;
}
.logo-wrapper #logo2{
  text-align: center;
}
}
@media (min-width: 1025px){
.main-wrapper-inner{
  padding: 25vh 15px;
}
.logo-wrapper img{
  width: 60%;
}
.link-btn{
  padding: 1rem;
  font-size: 24px;
}
#drafting{
  margin-left: 16.7%;
}
}
@media (max-width: 1024px) and (min-width: 768px){
.logo-wrapper img{
  width: 75%;
}
#drafting{
  margin-left: 20%;
}
}
@media (max-width: 736px) and (min-width: 414px){
.logo-wrapper #logo1,
.logo-wrapper #logo2{
  width: 50%;
  text-align: center;
}
}