/*jasna-wcf.org CSS style sheet*/


body {
  background-color: white;
}

div {
    font-family: georgia;
}

@font-face {
  font-family: 'janeausten';
  src: url('fonts/janeausten.eot');
  src: url('fonts/janeausten.eot?#iefix') format('embedded-opentype'),
       url('fonts/janeausten.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'janeausten';
  src: url('fonts/janeausten.svg#janeausten') format('svg'),
       url('fonts/janeausten.ttf') format('truetype'),
       url('fonts/janeausten.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

h1 {
  font-family: "janeausten";
   }

.border {   border-width: 2.5px;   border-color: #88434b;   border-style: solid; } 

a {
    text-decoration: none;
    color: #88434b;
}

video {
    border-style: solid;
    border-width: 7.5px;
}

.page {
    color: #88434b;
    font-size: 25px;
    border-bottom-style: double;
}

.quotewrapper{
   color: #88434b;
   display:flex;
   align-items:center;
   justify-content: center;
   white-space: normal;
   border-bottom-style: double;
}

.quote{
       color: #88434b;
    font-size: 15px;
      text-align: center;
    white-space: normal;
   width:70%;
   }

hr {
    color: #88434b;
    border-bottom: double;
    
}

.banner {
  display: grid;
  grid-template-columns: 25% 50% 25%;
padding-bottom: 25px;
border-bottom-style: double;
color: #88434b;
}

.JAimage{
  grid-column: 1/1;
  grid-row: 1/span 3;
  justify-self: end;
    align-self: start;
    padding-right: 25px;
}

.JASNAlogo{
  grid-column: 2/2;
  grid-row: 1/span 2;
  justify-self: center;
    align-self: center;
     text-align: center;
    white-space: nowrap;
    color: #88434b;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 20px;
    font-size: 2.25vw;
}

.pagetitle{
  grid-column: 2/2;
  grid-row: 3/3;
  justify-self: center;
    align-self: start;
     text-align: center;
    white-space: normal;
    color: #88434b;
    font-size: 2vw;
    padding-bottom: 25px;
}

.home{
     grid-column: 3/3;
  grid-row: 1/1;
    white-space: nowrap;
    color: #88434b;
    font-size: 20px;
    text-align: center;
    align-self: center;
}

.Mail{
  grid-column: 3/3;
  grid-row: 2/2;
    white-space: nowrap;
    color: #88434b;
    font-size: 20px;
    text-align: center;
    align-self: center;
}

.Contact{
  grid-column: 3/3;
  grid-row: 3/3;
  text-align: center;
    white-space: nowrap;
    color: #88434b;
    font-size: 20px;
    align-self: start;
}


.join {
    
   text-align: center;
    white-space: nowrap;
    color: #88434b;
    font-size: 20px;
    align-self: start; 
}

.section {
    display: grid;
    grid-template-columns: 25% 50% 25%;
     color: #88434b;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom-style: double;
}

.pagesec {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    align-items: center;
    white-space: normal;
    color: #88434b;
    border-bottom-style: double;
     font-size: 25px;
     padding-top: 25px;
    padding-bottom: 25px;
}

.secimage {
    grid-column: 1/1;
  grid-row: 2/2;
   font-size: 20px;
   text-align: right;
   white-space: normal;
}

.sectitle {
    grid-column: 1/span 3;
  grid-row: 1/1;
  justify-self: center;
    align-self: center;
    text-align: center;
    white-space: nowrap;
    color: #88434b;
    font-size: 40px;
    font-weight: bold;
}

.secmid{
    grid-column: 2/2;
  grid-row: 2/2;
  justify-self: center;
    align-self: start;
    text-align: center;
    white-space: normal;
    color: #88434b;
    padding-right:20px;
    padding-left:20px;
     font-size: 25px;
}

.sec{
    grid-column: 3/3;
  grid-row: 2/2;
  justify-self: center;
    align-self: start;
    text-align: center;
    white-space: normal;
    color: #88434b;
 font-size: 20px;
    padding-right:20px;
    padding-left:20px;
}

.video{
    
   text-align: center;
   
}

.summary {
    
}

.footer {
  position: relative;
  left: 0;
  bottom: 0;
    width: 100%;
  text-align: center;
   color: #88434b;
    font-size: 15px;
}

/*

* {box-sizing: border-box;}


.mySlides {display: none;}



.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  width: 75%;
  justify-self: center;
    align-self: center;
    text-align: center;
}




.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}*/