@charset "UTF-8";
/* CSS Document */

#journey_hero { z-index: 1; height:100vh;
background-image: url("../images/case/journey_hero.jpg"); background-size: cover;
overflow: hidden;
}

#journey_hero_img {background-image: url("../images/case/journey_hero.jpg");
background-size: cover; opacity: .5; z-index:-1; width:100%; height:100vh;}

.journey_top_logo {width: 66%;  margin-bottom: 8%; margin-left: auto; margin-right: auto;}
.image {width:100%; margin-bottom:6%;}

.type_case_head {font-family: "type-bold"; letter-spacing: .1em; margin-top:10px; font-size:1.3em; margin-top: 22px; margin-bottom: 22px;}
.type_case_hero {font-family: "type-med"; letter-spacing: 0em; margin-top:10px; font-size:1.2em; margin-top: 22px; margin-bottom: 22px;}
.type_case_hero2 {color: #002859; font-family: "type-med"; letter-spacing: 0em; margin-top:10px; font-size:1.2em; margin-top: 22px; margin-bottom: 22px;}

#angaza_hero {background-color: #17859B; height:100vh;}
.angaza_top_logo {width: 94%;  margin-bottom: 8%; margin-left: auto; margin-right: auto;}
.angaza_hero_text {line-height: 1.3em; color: #F89A0C; letter-spacing: .06em; font-size:1.7em;
overflow: hidden;}

#bask_hero {z-index: 1; height:100vh;
background-image: url("../images/case/bask_hero_bg.jpg"); background-size: cover;
overflow: hidden;}

.bask_top_logo {width: 80%;  margin-bottom: 8%; margin-left: auto; margin-right: auto;}
.bask_hero_text {line-height: 1.3em; color: #99395E; letter-spacing: .05em; font-size:1.7em; font-family: 'type-bold';}

.c_img {width:100%; border-radius: 4px; margin-bottom: 4px; margin-top:8px; opacity:1;
  box-shadow: -1px 2px 3px 0px rgba(40, 37, 30, .22);
transition-duration: 0.2s; -webkit-transition-duration: 0.2s; /* Safari */}

.c_img:hover {opacity: .9; transform: translate(1px, -1px);
              box-shadow: -1px 4px 8px 0px rgba(40, 37, 30, .5);}

#ablution_hero { z-index: 1; height:100vh;
              background-image: url("../images/case/ablution_hero_bg.jpg"); background-size: cover;
            overflow: hidden;}

.a_box {border: 1px solid grey; padding: 8px; font-size: 80%; margin-top: 24px;}

.reg2 {font-family:"type-reg2", Gotham, "Gotham", sans-serif, "Helvetica Neue", Helvetica;
letter-spacing: 0.02em;
font-size: 16px;}

#sos_hero { z-index: 1; height:100vh;
              background-image: url("../images/case/sos_hero_bg.jpg"); background-size: cover;
            overflow: hidden;}

.sos_hero_text {line-height: 1.3em; color: #F4EDDF; letter-spacing: .05em; font-size:1.7em; font-family: 'type-bold';}

.type_case_head_sos {font-family: "type-bold"; letter-spacing: 0.03em; line-height: 1.3em; margin-top:10px; font-size:1.4em; margin-top: 22px; margin-bottom: 22px;}

#asif_hero { z-index: 1; height:100vh;
              background-image: url("../images/case/mssg_01_hero_bg.jpg"); background-size: cover;
            overflow: hidden;}