.footer{
  
  background-color:#36BAAD;
  padding-top:1vw;
}
#bluefooter{
 height:100%;
 padding: 0 3vw;
  background-color: #000080;
}
.bluefootertop{
  display: flex;
  justify-content: space-between;
}
#addressbar{
  display:flex;
  padding: 2vw 0vw;
  justify-content: space-between;
  color:#fff;
  gap:5vw;
}
#addressbar h4 {
  font-size: 1.5vw;
  text-decoration: underline;
  text-underline-offset: .9vw;
  margin-bottom: 1vw;
  text-decoration-color: #36BAAD;
}
#addressbar p{
  font-size: 1.2vw;
  line-height: 2.6vw;
}
#addressbar a{
  color:#36BAAD;
  font-size: 1.7vw;
}
#linkbar{
  padding: 2vw 0 1vw 0;
  display: flex;
  flex-direction: column;
 
}
#linkbar h6 {
  font-size: 1.5vw;
  color: #fff;
  margin-bottom: 1.5vw;
  text-decoration: underline;
  text-underline-offset: .9vw;
  text-decoration-color: #36BAAD;
}

#social_links h4{
  text-decoration: underline;
  text-underline-offset: .9vw;
  text-decoration-color: #36BAAD;
}
#otherlinks{
  display: flex;
  flex-direction: column;
  gap:1vw;
  font-size: 1.2vw;
  color: #fff;

}
#otherlinks a{
  text-decoration: none;
  color:#fff;
}
#social_links{
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1vw;
  font-size: 1.5vw;
  padding: 2vw 0vw;
  color: #fff;
}
#mainlink{
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  gap: 1vw;
  font-size: 1.5vw;
  color: #fff;
 
}

#mainlink a{
  text-decoration: none;
  color:#fff
}
#slimline{
  height:1px;
  width: 100%;
  background-color: #fff;
}
#footertext{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1vw 0 ;
  color:#fff
}
#dev,#cprt, #footertext a{
  display: flex;
  font-size: 1vw;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}

#mainlink a:hover {
  transform: scale(1.2);
  color: #36BAAD;
}
#otherlinks a:hover {
  color: #36BAAD;
}

@media screen and (max-width: 768px) {


    footer{
  margin-top:100px;
}
.bluefootertop{
  
  flex-direction: column;

}
#addressbar {
  flex-direction: column;
  
}
  
#addressbar h4{
  font-size: 4vw;
}
#addressbar p{
  line-height: normal;
  font-size: 4vw;
}

#linkbar h6 {
  font-size: 4vw;
}
#otherlinks {
  font-size: 4vw;
  margin-bottom: 3vw;
}
#social_links{
  /* background-color:pink; */
  padding: 2vw 0;
  width:100%;
  height:15vh;
  gap:4vw;
  color:#fff;
  align-items: normal;
  
}
#social_links h4{
 font-size: 4vw;
 /* margin-left:-16vw; */
 
}
#mainlink{
 justify-content: left;
 flex-direction: row;
  gap:4vw; 
}
#mainlink i {
  color:#fff;
  font-size: 8vw;
}
#footertext{
  flex-direction: column;
}
#cprt i,p{
  color: #fff;
  font-size: 4vw;
}
#dev a{
  font-size: 4vw;
}
.pagecontent{
  padding: 60px 2vw 2vw 2vw;
}
 .pagecontent h1 {
        font-size: 6vw;
      }
     .pagecontent h2 {
        font-size: 4vw;
      }
      .pagecontent p, li {
        color: #000;
        font-size: 3.5vw;
      }


  
  
}