h1{
  font-family: 'Roboto', sans-serif;
  color: rgb(5,73,114);
  font-weight: 900;
  font-size: 2rem;
}
p{
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 19px;
  margin-bottom: 20px;
  color:#263843;
}
.social{
  cursor: pointer;
  height:100px;
}
.ref2{
  content: url("../img/midrow-pc.png");
}
.backgnd{
  content: url("../img/back-landscape-pc.jpg");
}
.toprow{
  width: 60%;
  padding:60px 0px 0px;
  margin: 0px auto 20px;
}
.aclass{
  position:relative;
  width: 60%;
  z-index: 2;
  margin:auto;
}
.botrow{
  position:relative;
  padding: 20px 0px 40px;
  display: flex;
  align-items: center;
  left:21%;
  width: fit-content;
  margin-top: auto;
}
.dldbtn{
  width: 47.5%;
  cursor: pointer;
}
.dldbtn:nth-child(2){
  margin-top: 0%;
  margin-left: 5%;
}
.btndiv{
  margin-top: 0%;
}

@media (max-width: 768px) {
  .ref2{
    content: url("../img/midrow-mob.png");
  }
  .backgnd{
    content: url("../img/back-landscape-mob.jpg");
  }
  .toprow{
    width: 85%;
    padding:60px 0px 0px;
    margin: 0px auto 20px;
  }
  .aclass{
    position:relative;
    width: 80%;
    z-index: 2;
    margin:auto;
  }
  .botrow{
    position:relative;
    padding: 20px 0px 40px;
    display: flex;
    align-items: center;
    left:6%;
    width: fit-content;
  }
  .dldbtn{
    width: 100%;
    cursor: pointer;
  }
  .dldbtn:nth-child(2){
    margin-top: 5%;
    margin-left: 0%;
  }
  .btndiv{
    margin-top: 6%;
  }
}