@charset "UTF-8";
/* CSS Document */
 div.progress {
	 display: flex;
	 justify-content: flex-start;
	 align-items: flex-start;
	 margin:20px;
	 padding:10px 15px 15px 10px;
	 width:90%;
	 border-top: solid 1px #2196c5;
}
 div.progress > img {
	 margin: 10px 20px 0px 0px;
}
 div.progress > div > h3 {
     font-size:1.25em;
     color:#561b8d;
}
 
 div.progress > div > p {
     margin-bottom:5px;
}
 .display-box:hover .imageBackground {
	 transform: scale(1.0) !important;
}
 div.principles {
     margin: 1.5%;
     padding-bottom: 20px;
     overflow: hidden;
     position: relative;
     border: solid 1px #dddddd;
 }
 div.principles h2 {
     padding: 20px 20px 0px 20px;
     text-align: center;
     color: #561b8d;
     font-size: 1.25em;
     font-family: 'Rubik', sans-serif;
     letter-spacing: 0.3px;
     margin: 5px 0 10px 0px;
     line-height: 1.4em;
 }
 .principles:hover .imageBackground {
  transform: scale(1.1);
}
 .imageBackground {
  height: 100%;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  transition: all .3s ease-in-out;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

 a.areas {
    transition-duration: .2s ease-in-out;

 }
 a.areas:hover {
    transform: scale(1.1);
}

 @media screen and (max-width: 540px) {
     div.pentatop {
         height:185px;
     }
 }
 
 div.areas-nav {
     display:flex;
     flex-direction:column;
     justify-content:center;
     margin:30px auto;
     width:330px;
     padding:20px 0px 0px 0px;
 }
 div.areas-nav::before {
     content:"⁂";
     font-size:1.5em;
     color:#561b8d;
     text-align:center;
 }
 div.areas-nav button {
     width: 320px;
     text-align:center;
 }
 div.areas-nav div {
     text-align:center;
 }
 div.areas-nav h2,h3,h4 {
     text-align:center;
 }
 #posting, #posting > div {
     display:none ;
     visibility:hidden;
 }
 
@media (max-width:948px) {
    #posting {
        display:block;
        background-color:#4f2683;
        color:#FFFFFF;
    }
}