*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html,
body{
  width:100%;
  height:100%;
}

body{
  overflow-x:hidden;
  font-family:Georgia, serif;
  background:#ffffff;
}

.homePage{
  position:relative;
  width:100vw;
  height:100vh;

  background-image:url("JOINPRAYERCOVER-HOME-PAGE.png");
  background-position:center 22px;
  background-repeat:no-repeat;
  background-size:cover;
}

/* ======================================
   STREETKEEPERS HEADER
====================================== */

.streetkeepersHeader{
  position:absolute;
  top:135px;
  left:120px;

  font-family:"Cinzel", serif;
  font-size:42px;
  font-weight:700;
  color:#1f6f8b;
  text-align:left;
}

/* ======================================
   STREETKEEPER ITEMS
====================================== */

.exploreAppItem{
  position:absolute;
  top:215px;
  left:120px;

  font-family:Georgia, serif;
  font-size:34px;
  font-weight:700;
  color:#1f6f8b;
  line-height:1.25;
  cursor:pointer;
  text-decoration:none;
}

.acrossCitiesItem{
  position:absolute;
  top:275px;
  left:120px;

  font-family:Georgia, serif;
  font-size:34px;
  font-weight:700;
  color:#1f6f8b;
  line-height:1.25;
  cursor:pointer;
  text-decoration:none;
}

.becomeStreetkeeperItem{
  position:absolute;
  top:345px;
  left:120px;

  font-family:Georgia, serif;
  font-size:34px;
  font-weight:700;
  color:#1f6f8b;
  line-height:1.12;
  cursor:pointer;
}

.howMapWorksItem{

  position:absolute;
  top:455px;
  left:120px;

  font-family:Georgia, serif;
  font-size:34px;
  font-weight:400;
  color:#1f6f8b;
  line-height:1.25;
  cursor:pointer;

  text-decoration:none;
}


.videoLibraryItem{
  position:absolute;
  top:515px;
  left:120px;

  font-family:Georgia, serif;
  font-size:34px;
  font-weight:400;
  color:#1f6f8b;
  line-height:1.25;
  cursor:pointer;
}

.streetkeeperGearItem{
  position:absolute;
  top:575px;
  left:120px;

  font-family:Georgia, serif;
  font-size:34px;
  font-weight:400;
  color:#1f6f8b;
  line-height:1.25;
  cursor:pointer;
  text-decoration:none;
}

a.streetkeeperGearItem,
a.streetkeeperGearItem:link,
a.streetkeeperGearItem:visited,
a.streetkeeperGearItem:hover,
a.streetkeeperGearItem:active{
  text-decoration:none !important;
  color:#1f6f8b;
}

.streetkeeperLoginItem{
  position:absolute;
  top:660px;
  left:120px;

  font-family:Georgia, serif;
  font-size:34px;
  font-weight:400;
  color:#1f6f8b;
  line-height:1.25;
  cursor:pointer;
}

/* ======================================
   ABOUT PRAYER COVER HEADER and
   HOW WE STARTED HEADER
====================================== */

.aboutPrayerCoverHeader{

  position:absolute;

  top:715px;

  left:50%;

  transform:translateX(-50%);

  font-family:"Cinzel", serif;

  font-size:42px;

  font-weight:700;

  color:#1f6f8b;

  text-align:center;

  text-decoration:none;
}

.howWeStartedHeader{

  position:absolute;

  top:795px;

  left:50%;

  transform:translateX(-50%);

  font-family:"Cinzel", serif;

  font-size:38px;

  font-weight:700;

  color:#1f6f8b;

  text-align:center;

  text-decoration:none;
}

/* ======================================
   CHURCHES HEADER
====================================== */

.churchesHeader{
  position:absolute;
  top:135px;
  right:120px;

  font-family:"Cinzel", serif;
  font-size:42px;
  font-weight:700;
  color:#1f6f8b;
  text-align:right;
}

/* ======================================
   CHURCH ITEMS
====================================== */

.churchOverviewItem{
  position:absolute;
  top:215px;
  right:120px;

  font-family:Georgia, serif;
  font-size:34px;
  font-weight:400;
  color:#1f6f8b;
  line-height:1.25;
  text-align:right;
  cursor:pointer;
  text-decoration:none;
}

.pastorKitItem{
  position:absolute;
  top:285px;
  right:120px;

  font-family:Georgia, serif;
  font-size:34px;
  font-weight:700;
  color:#1f6f8b;
  line-height:1.25;
  text-align:right;
  cursor:pointer;
  text-decoration:none;
}

.pricingItem{
  position:absolute;
  top:345px;
  right:120px;

  font-family:Georgia, serif;
  font-size:34px;
  font-weight:400;
  color:#1f6f8b;
  line-height:1.25;
  text-align:right;
  cursor:pointer;
}

.howItWorksItem{
  position:absolute;
  top:365px;
  right:120px;

  font-family:Georgia, serif;
  font-size:34px;
  font-weight:400;
  color:#1f6f8b;
  line-height:1.25;
  text-align:right;
  cursor:pointer;
}

.churchSignupItem{
  position:absolute;
  top:425px;
  right:120px;

  font-family:Georgia, serif;
  font-size:34px;
  font-weight:700;
  color:#1f6f8b;
  line-height:1.25;
  text-align:right;
  cursor:pointer;
}

.shareVisionItem{
  position:absolute;
  top:485px;
  right:120px;

  font-family:Georgia, serif;
  font-size:34px;
  font-weight:400;
  color:#1f6f8b;
  line-height:1.25;
  text-align:right;
  cursor:pointer;
}

.contactUsItem{
  position:absolute;
  top:545px;
  right:120px;

  font-family:Georgia, serif;
  font-size:34px;
  font-weight:400;
  color:#1f6f8b;
  line-height:1.25;
  text-align:right;
  cursor:pointer;
  text-decoration:none;
}

.leadershipLoginItem{
  position:absolute;
  top:660px;
  right:120px;

  font-family:Georgia, serif;
  font-size:34px;
  font-weight:400;
  color:#1f6f8b;
  line-height:1.25;
  text-align:right;
  cursor:pointer;
}

/* ======================================
   MOBILE LAYOUT
====================================== */

@media (max-width:700px){

  .homePage{
    width:100%;
    min-height:100vh;
    height:auto;

    display:flex;
    flex-direction:column;
    align-items:center;

    background-image:url("JOINPRAYERCOVER-HOME-PAGE.png");
    background-repeat:no-repeat;
    background-position:top center;
    background-size:100% auto;

    padding-top:78vw;
    padding-left:22px;
    padding-right:22px;
    padding-bottom:60px;
  }

  .streetkeepersHeader,
  .exploreAppItem,
  .acrossCitiesItem,
  .becomeStreetkeeperItem,
  .howMapWorksItem,
  .videoLibraryItem,
  .streetkeeperGearItem,
  .streetkeeperLoginItem,
  .aboutPrayerCoverHeader,
  .howWeStartedHeader,
  .churchesHeader,
  .churchOverviewItem,
  .pastorKitItem,
  .pricingItem,
  .churchSignupItem,
  .shareVisionItem,
  .contactUsItem,
  .leadershipLoginItem{
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    transform:none;

    width:100%;
    text-align:center;

    color:#1f6f8b;
  }

  .aboutPrayerCoverHeader{
    order:1;
    margin-top:0;
    margin-bottom:34px;

    font-size:30px;
    line-height:1.2;
  }

  .streetkeepersHeader{
    order:3;
    margin-top:0;
    margin-bottom:12px;

    font-family:Georgia, serif;
    font-size:22px;
    font-weight:700;
    line-height:1.2;
  }

  .exploreAppItem{
    order:4;
  }

  .acrossCitiesItem{
    order:5;
  }

  .becomeStreetkeeperItem{
    order:6;
  }

  .howMapWorksItem{
    order:7;
  }

  .videoLibraryItem{
    order:8;
  }

  .streetkeeperGearItem{
    order:9;
  }

  .streetkeeperLoginItem{
    order:10;
    margin-bottom:42px;
  }

  .churchesHeader{
    order:11;
    margin-bottom:12px;

    font-family:Georgia, serif;
    font-size:22px;
    font-weight:700;
    line-height:1.2;
  }

  .churchOverviewItem{
    order:12;
  }

  .pastorKitItem{
    order:13;
  }

  .pricingItem{
    order:14;
  }

  .churchSignupItem{
    order:15;
  }

  .shareVisionItem{
    order:16;
  }

  .contactUsItem{
    order:17;
  }
  
  .leadershipLoginItem{
    order:18;
    margin-bottom:42px;
  }

  .howWeStartedHeader{
    order:2;
    margin-bottom:38px;

    font-size:28px;
    line-height:1.2;
  }

  .exploreAppItem,
  .acrossCitiesItem,
  .becomeStreetkeeperItem,
  .howMapWorksItem,
  .videoLibraryItem,
  .streetkeeperGearItem,
  .streetkeeperLoginItem,
  .churchOverviewItem,
  .pastorKitItem,
  .pricingItem,
  .churchSignupItem,
  .shareVisionItem,
  .contactUsItem,
  .leadershipLoginItem{
    margin-bottom:16px;

    font-size:26px;
    line-height:1.18;
  }

}