@font-face {font-family: 'authenticsans-90';
src: url('authenticsans-90.otf') format('opentype');}
@font-face {font-family: 'authenticsans-130';
src: url('authenticsans-130.otf') format('opentype');}
@font-face {font-family: 'AUTHENTICSans-Condensed-90';
src: url('AUTHENTICSans-Condensed-90.otf') format('opentype');}

body {background: #EDEDE5;
  font-family:'authenticsans-90', sans-serif;
  font-style: normal;
  font-size: 14px;
  color: black;
 padding:0;}

#indent {margin-left: 1rem;}
a:link {color:black;}
a:visited {color:black;}

.about_text {position: absolute;left:2vw;top:2vw;}
.find_links{position: absolute;left:2vw;bottom:2vw;}
.schedule {position: absolute;right:1rem;top:1rem;width:400px;z-index: 20;text-align: right;}
.image_and_name{position: absolute;right:2vw;bottom:2vw;}
.photo {width: 350px;z-index: 0;}
.name{font-family: 'AUTHENTICSans-Condensed-90'; position: relative;height:220px;padding-right: 5rem;float: left;display: flex; flex-direction: column;justify-content: flex-end;font-size: 30px;}
.upcoming_events {position: absolute;right:2vw;top:2vw;text-align: right;}


@media screen and (max-width:767px) {
  body {font-size: 20px;}

.main_container {display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;padding:.5rem;}
.upcoming_events {position: relative;grid-row-start: 0;
grid-row-end: 1;padding-bottom: 3rem;top:0;right:0;}
.about_text{position: relative;grid-row-start: 1;grid-row-end: 2;top:0;left:0}
.image_and_name {position: relative;grid-row-start: 2;grid-row-end: 3;padding-bottom: 7rem;}
.find_links {position: relative;grid-row-start: 3;grid-row-end: 4;left:0;bottom:0;}

  .photo {width: 50vw;position: absolute;right:-.5rem;}
  .name{padding-left: 5vw;}

@media screen and (max-width:375px) {
.photo {width:30vw;top:0;right;}
.name {text-align: right;width:auto;right:.5rem;bottom.5rem;}
.about_text {position: absolute;padding-top: 0;top:40%;}
}
