*
{
    padding: 0;
    margin: 0;
    font-family: "Segoe ui";
    transition: 0.2s;
}
body
{
    background-size: 100%;
    background-attachment: fixed;
}

*
{
    padding: 0;
    margin: 0;
    font-family: "Segoe ui";
    transition: 0.2s;
}
body
{
    background-size: 100%;
    background-attachment: fixed;
}
@media screen and (max-width: 800px) and (min-width: 320px)
{
    .socialmedia
    {
        width: 25%;
        margin-left: 37.5%;
    }
}
.fa
{
    font-size: 50px;
}
.img-fluid
{
    height: auto;
    max-width: 350px;
    
}


.mb-0, .my-0
{
    color: blue;
    margin-top: 6px;
}
.pt-3, .py-3 {
    padding-top: 1rem!important;
   
}
.navbar-expand-lg .navbar-nav{
    margin-left: 360px;}

.navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}

.dropdown:hover>.dropdown-menu {
    display: block;

  }
  
  .dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
      pointer-events: none;
  }

  .navbar-nav .nav-link.dropdown-toggle:hover
  {
    color: white;
  }

  .navbar-nav .nav-link.dropdown-toggle
  {
    color: black;
  }
  .navbar-nav .nav-link.active:hover
  {
    color: white;
  }

  .dropdown-item
  {
    max-height: 22px;
    font-size: 15px;
  }
  .dropdown-item:hover
  {
    color: blue;
  }
  .float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:5px;
}
.lapinfo h6
{
    padding: 10px 15%;
    background-color: #f0f0f0;
    font-family: "bahnschrift";
    margin-top: 50px;
    text-align: center;
    font-size: 30px;

}

.lapinfo p
{
    font-size: 20px;
    margin-left: 15%;
    font-family: "bahnschrift";
    width: 70%;
    line-height: 30px;
    margin-top: 20px;

}

.lapinfo li
{
    font-size: 20px;
    margin-left: 15%;
    font-family: "bahnschrift";
    width: 70%;
    line-height: 30px;
    margin-top: 20px;
}


.grid-container
{
    height: auto;
    background-color: rgba(240, 240, 240, 0.5);
}
.grid-container h5
{
    font-size: 30px;
    text-align: center;
    margin-top: 6%;
}
.grid
{
    display: grid;
    grid-template-columns: 30% 30% 30%;
    grid-column-gap: 5%;
    grid-row-gap: 40px;
    width: 70%;
    margin-left: 15%;
    padding-top: 100px;
}
.ele1
{
    height: 270px;
    background-color: white;
    border: 2px solid black;
    text-align: center;
    border-radius: 10px;
}

.ele1 h1
{
    font-size: 25px;
    color: black;
    background-color: white;
    padding: 7px;
    font-family: "bahnschrift";
    margin-top: 15px;
    font-weight: normal;
    
}

.ele1 img
{
    height: 60%;
    margin-top: 40px;
}
.ele1:hover
{
    background-color: white;
    filter: drop-shadow(0 0 0.75rem #999);
    border-style: none;
    border: 2px solid white;
}

.data
{
    display: grid;
    grid-template-columns: 60% 40%;
    margin-top: 100px;
    width: 80%;
    margin-left: 10%;
}
.datainfo
{
    height: auto;
    padding-bottom: 30px;
   
}
.datainfo h1
{
 
    font-size: 30px;
    text-align: left;
    padding: 7px;
   margin-top: 30px;
   margin-left: 18px;
   font-family: "bahnschrift";
   text-align: center;
}
.data ul
{
    margin-left: 5%;
    padding-top: 20px;
}
.data li
{
    font-size: 20px;
    font-family: "bahnschrift";
    line-height: 30px;
    font-weight: lighter;
}

.placement
{
    height: 400px;
    background-color: #f0f0f0;
    margin-top: 100px;
    text-align: center;
}
.placement h1
{
    font-size: 30px;
    margin-left: 10%;
    font-family: "bahnschrift";
    padding-top: 50px;
    font-weight: bold;
}
.placement h2
{
    font-size: 20px;
    margin-left: 10%;
    font-family: "bahnschrift";
    padding-top: 10px;
    font-weight: lighter;
}
.rrr
{
    margin-top: 30px;
    width: 80%;
    margin-left: 10%;
}
.item
{
    height: auto;
    background-size: 100%;
    padding: 10px
}
.item img
{
    width: 100%;
}
#owl-demo .item{
    margin: 3px;
  }
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
  }

  .footer
  {
      margin-top: 20px;
      background-color: whitesmoke;
  }
  
  
  .banner
  {
      height: 100px;
      background-color: orange;
      text-align: center;
      
  }
  .banner p
  {
      font-size: 30px;
      color: black;
      padding-top: 30px;
      
  }
  .banner p:hover
  {
      color: blue;
  }
.footer
{
    background-color: whitesmoke;
}

.footergrid
{
    display: grid;
    grid-template-columns: 50% 25% 25%;
    width: 90%;
    margin-left: 5%;
}
.footergrid a
{
    color: black;
}
.address
{
    height: 300px;
}


.address h1
{
    margin-top: 40px;
    font-size: 30px;
    font-family: "cambria";
}


.address ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
}
.address ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: lighter;
    list-style: square;
}

.address ul li a
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: lighter;
    list-style: square;
    text-decoration: none;
}



.address ul li i
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: lighter;
    list-style: square;
}

.address ul li a:hover
{
    color: blue;
}
.links
{
    height: 300px;
}
.links h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
}
.links ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
}
.links ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: lighter;
    list-style: square;

}
.important
{
    height: 300px;
}
.important h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
}
.important ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
}
.important ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: lighter;
    list-style: square;
}
.copyright h1
{
    font-size: 15px;
    text-align: center;
    padding: 8px 0px;
    background-color: gray;
    color: white;
    font-weight: normal;
}

@media screen and (max-width: 640px) and (min-width: 320px)
    
{
    .header
    {
        display: grid;
        grid-template-columns: 100%;
    }

    .navbar-expand-lg .navbar-nav{
        margin-left: 0px;}
.grid-container h5
    {
        font-size: 18px;
        width: 70%;
        font-family: "bahnschrift";
        margin-left: 10%;
        padding-top: 20px;
        padding-bottom: 20px;
        font-weight: normal;
    
    }
    hr
    {
        width: 30%;
        margin-left: 10%;
        background-color: black;
    }
    .grid
    {
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 2%;
        grid-row-gap: 40px;
        width: 80%;
        margin-left: 10%;
        margin-top: 00px;
    }
    .ele1
    {
        height: 420px;
        background-color: white;
        border: 1px solid black;
        filter: drop-shadow(0 0 0.75rem #999);
        text-align: center;
        border-radius: 10px;
    }
    .ele1 h1
    {
        font-size: 18px;
        color: white;
        background-color: black;
        padding: 7px;
        font-family: "bahnschrift";
        margin-top: 30px;
        font-weight: lighter;
        
    }
    .ele1 h2
    {
        font-size: 18px;
        font-family: "bahnschrift";
        padding: 10px;
    }
    .ele1 h3
    {
        font-family: "bahnschrift";
        font-weight: lighter;
    }
    .ele1 img
    {
        height: 50%;
        margin-top: 40px;
    }
    .ele1:hover
    {
        background-color: white;
        filter: drop-shadow(0 0 0.75rem #999);
        border-style: none;
    }

    .lapimg img
{
    height: 200px;
}
.data
    {
        display: grid;
        grid-template-columns: 100%;
        margin-top: 40px;
        width: 80%;
        margin-left: 10%;
    }
    .datainfo
    {
        height: auto;
        padding-bottom: 50px;
       
    }
    .datainfo h1
    {
     
        font-size: 30px;
        text-align: left;
        padding: 7px;
       margin-top: 30px;
       text-align: center;

    }
    .data ul
    {
        margin-left: 5%;
        padding-top: 20px;
    }

    .isbjpic
    {
        height: auto;
   
    }

    .placement
{
    height: 600px;
    background-color: #f0f0f0;
    margin-top: 100px;
    text-align: center;
}
.placement h1
{
    font-size:25px;
    margin-left: auto;
    font-family: "bahnschrift";
    padding-top: 50px;
    font-weight: normal;
}
.placement h2
{
    font-size: 18px;
    margin-left: 10%;
    width: 80%;
    font-family: "bahnschrift";
    padding-top: 20px;
    font-weight: normal;
}

.footer
{
    margin-top: 100px;
    background-color: #f5f5f5;
}
.banner
{
    height: 100px;
    background-color: orange;
    text-align: center;
}
.banner p
{
    font-size: 25px;
    color: white;
    padding-top: 30px;
}
.footergrid
{
    display: grid;
    grid-template-columns: 100%;
    width: 90%;
    margin-left: 5%;
}
.address
{
    height: auto;
}
.address h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
    color: black;
}
.address ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
    color: black;
}
.address ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: normal;
    list-style: square;
    color: black;
}
.links
{
    height: auto;
}
.links h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
    color: black;
}
.links ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
    color: black;
}
.links ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: normal;
    list-style: square;
    color: black;
}
.important
{
    height: auto;
    padding-bottom: 30px;
}
.important h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
    margin-left: -5%;
    color: black;
}
.important ul{
    margin-top: 20px;
    width: 90%;
    color: black;
}
.important ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: normal;
    list-style: square;
    margin-left: -5%;
    color: black;
}
.copyright h1
{
    font-size: 18px;
    text-align: center;
    padding: 20px 0px;
    background-color: gray;
    color: white;
    font-weight: normal;
}

}
    
@media screen and (max-width:1200px) and (min-width: 1024px)
{
    .header
    {
        display: grid;
        grid-template-columns: 100%;
    }

    
    .navbar-expand-lg .navbar-nav{
        margin-left: 0px;}
    .grid
    {
        display: grid;
        grid-template-columns: 30% 30% 30%;
        grid-column-gap: 5%;
        grid-row-gap: 40px;
        width: 70%;
        margin-left: 15%;
        padding-top: 100px;
    }

    .data
    {
        display: grid;
        grid-template-columns: 60% 40%;
        margin-top: 100px;
        width: 80%;
        margin-left: 10%;
    }
    .datainfo
    {
        height: auto;
        padding-bottom: 50px;
   
    }
    .datainfo h1
    {
     
        font-size: 30px;
        text-align: left;
        padding: 7px;
       margin-top: 20px;
       font-family: "bahnschrift";
       text-align: center;

    }
    .data ul
    {
        margin-left: 5%;
        padding-top: 20px;
    }
}



@media screen and (max-width:990px) and (min-width: 768px)
{
    .header
  {
      display: grid;
      grid-template-columns: 100%
  }

  .img-fluid
  {
    height: auto;
    max-width: 270px;
    
  }
  .fa
  {
    font-size: 30px;
  }
  .mb-0, .my-0
{
    color: blue;
    margin-top: 6px;
    font-size: 18px;
}


.navbar-expand-lg .navbar-nav{
    margin-left: 0px;}
  
  .grid
    {
        display: grid;
        grid-template-columns: 30% 30% 30%;
        grid-column-gap: 2.5%;
        grid-row-gap: 40px;
        width: 80%;
        margin-left: 10%;
        padding-top: 100px;
    }
    .grid-container h5 {
        font-size: 25px;
        font-family: "bahnschrift";
        margin-left: 10%;
        padding-top: 100px;
    }
    
    .ele1
    {
        height: 300px;
        background-color: white;
        border: 2px solid gainsboro;
        text-align: center;
        border-radius: 10px;
    }
    .grid-container {
        height: auto;
        background-color: rgba(240, 240, 240, 0.5);
    }
    .ele1 h1
    {
        font-size: 12px;
        color: white;
        background-color: black;
        padding: 7px;
        font-family: "bahnschrift";
        margin-top: 20px;
        font-weight: lighter;
        
    }
    .ele1 h2
    {
        font-size: 12px;
        font-family: "bahnschrift";
        padding: 10px;
    }
    .ele1 h3
    {
        font-family: "bahnschrift";
        font-weight: lighter;
        font-size: 12px;
    }
    .ele1 img
    {
        height: auto;
        width: 70%;
        margin-top: 40px;
    }
    .ele1:hover
    {
        background-color: white;
        filter: drop-shadow(0 0 0.75rem #999);
        border-style: none;
        border: 2px solid white;
    }

  .data
  {
      display: grid;
      grid-template-columns: 60% 40%;
      margin-top: 100px;
      width: 80%;
      margin-left: 10%;
  }
  .datainfo
  {
      height: 350px;
 
  }
  .datainfo h1
  {
   
      font-size: 25px;
      text-align: left;
      padding: 7px;
     margin-top: 10px;
     font-family: "bahnschrift";
     text-align: center;

  }
  .data ul
  {
      margin-left: 5%;
      padding-top: 20px;
  }
  
  .isbjpic
  {
      height: 300px;
 
  }

  
  .placement
  {
      height: 600px;
      background-color: #f0f0f0;
      margin-top: 400px;
      text-align: center;
  }
  .placement h1
  {
      font-size:25px;
      margin-left: auto;
      font-family: "bahnschrift";
      padding-top: 50px;
      font-weight: normal;
  }
  .placement h2
  {
      font-size: 18px;
      margin-left: 10%;
      width: 80%;
      font-family: "bahnschrift";
      padding-top: 20px;
      font-weight: normal;
  }
  
  .footer
  {
      margin-top: 100px;
      background-color: #f5f5f5;
  }
  .banner
  {
      height: 100px;
      background-color: orange;
      text-align: center;
  }
  .banner p
  {
      font-size: 25px;
      color: white;
      padding-top: 30px;
  }
  .footergrid
  {
      display: grid;
      grid-template-columns: 100%;
      width: 90%;
      margin-left: 5%;
  }
  .address
  {
      height: auto;
  }
  .address h1
  {
      margin-top: 40px;
      font-size: 20px;
      font-family: "cambria";
      color: black;
  }
  .address ul{
      margin-top: 20px;
      margin-left: 5%;
      width: 90%;
      color: black;
  }
  .address ul li
  {
      margin-top: 10px;
      font-size: 17px;
      font-family: "cambria";
      font-weight: normal;
      list-style: square;
      color: black;
  }
  .links
  {
      height: auto;
  }
  .links h1
  {
      margin-top: 40px;
      font-size: 20px;
      font-family: "cambria";
      color: black;
  }
  .links ul{
      margin-top: 20px;
      margin-left: 5%;
      width: 90%;
      color: black;
  }
  .links ul li
  {
      margin-top: 10px;
      font-size: 17px;
      font-family: "cambria";
      font-weight: normal;
      list-style: square;
      color: black;
  }
  .important
  {
      height: auto;
      padding-bottom: 30px;
  }
  .important h1
  {
      margin-top: 40px;
      font-size: 20px;
      font-family: "cambria";
      margin-left: -5%;
      color: black;
  }
  .important ul{
      margin-top: 20px;
      width: 90%;
      color: black;
  }
  .important ul li
  {
      margin-top: 10px;
      font-size: 17px;
      font-family: "cambria";
      font-weight: normal;
      list-style: square;
      margin-left: -5%;
      color: black;
  }
  .copyright h1
  {
      font-size: 18px;
      text-align: center;
      padding: 20px 0px;
      background-color: gray;
      color: white;
      font-weight: normal;
  }
  
  
}

@media screen and (max-width:768px) and (min-width: 640px)
{
.header
  {
      display: grid;
      grid-template-columns: 100%;
  }

  
  .navbar-expand-lg .navbar-nav{
    margin-left: 0px;}

  .grid
    {
        display: grid;
        grid-template-columns: 49% 49%;
        grid-column-gap: 2.5%;
        grid-row-gap: 40px;
        width: 70%;
        margin-left: 15%;
        padding-top: 100px;
    }
    .grid-container h5 {
        font-size: 25px;
        font-family: "bahnschrift";
        margin-left: 10%;
        padding-top: 100px;
    }
    .grid-container h6 {
        font-size: 20px;
        width: 70%;
        font-family: "bahnschrift";
        margin-left: 10%;
        padding-top: 20px;
        padding-bottom: 20px;
        font-weight: lighter;
    }
    .ele1
    {
        height: 330px;
        background-color: white;
        border: 2px solid gainsboro;
        text-align: center;
        border-radius: 10px;
    }
    .grid-container {
        height: auto;
        background-color: rgba(240, 240, 240, 0.5);
    }
    .ele1 h1
    {
        font-size: 12px;
        color: white;
        background-color: black;
        padding: 7px;
        font-family: "bahnschrift";
        margin-top: 20px;
        font-weight: lighter;
        
    }
    .ele1 h2
    {
        font-size: 12px;
        font-family: "bahnschrift";
        padding: 10px;
    }
    .ele1 h3
    {
        font-family: "bahnschrift";
        font-weight: lighter;
        font-size: 12px;
    }
    .ele1 img
    {
        height: auto;
        width: 70%;
        margin-top: 40px;
    }
    .ele1:hover
    {
        background-color: white;
        filter: drop-shadow(0 0 0.75rem #999);
        border-style: none;
        border: 2px solid white;
    }
    .lapimg img
{
    height: 200px;
}
  .data
  {
      display: grid;
      grid-template-columns: 60% 40%;
      margin-top: 100px;
      width: 90%;
      margin-left: 5%;
  }
  .isbjpic img
  {
      width: 100%;
  }
  .datainfo
  {
      height: 300px;
 
  }
  .datainfo h1
  {
   
      font-size: 23px;
      text-align: left;
      padding: 7px;
     margin-top: 10px;
     font-family: "bahnschrift";
     text-align: center;

  }
  .data ul
  {
      margin-left: 5%;
      padding-top: 20px;
  }
  .data li
  {
      font-size: 12px;
      font-family: "bahnschrift";
      line-height: 20px;
      font-weight: lighter;
  }
  .isbjpic
  {
      height: 300px;
   
  }

}

@media screen and (max-width: 900px) 
{
    .header
  {
      display: grid;
      grid-template-columns: 100%;
  }

  .navbar-expand-lg .navbar-nav{
    margin-left: 0px;}


  .footer
{
   
    background-color: #f5f5f5;
}
.banner1
{
    height: 250px;
    background-color: #5c429b;
    text-align: center;
}
.banner p
{
    font-size: 25px;
    color: white;
    padding-top: 30px;
}
.footergrid
{
    display: grid;
    grid-template-columns: 100%;
    width: 90%;
    margin-left: 5%;
}
.address
{
    height: auto;
}
.address h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
    color: black;
}
.address ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
    color: black;
}
.address ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: normal;
    list-style: square;
    color: black;
}
.links
{
    height: auto;
}
.links h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
    color: black;
}
.links ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
    color: black;
}
.links ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: normal;
    list-style: square;
    color: black;
}
.important
{
    height: auto;
    padding-bottom: 30px;
}
.important h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
    margin-left: -5%;
    color: black;
}
.important ul{
    margin-top: 20px;
    width: 90%;
    color: black;
}
.important ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: normal;
    list-style: square;
    margin-left: -5%;
    color: black;
}
.copyright h1
{
    font-size: 18px;
    text-align: center;
    padding: 20px 0px;
    background-color: gray;
    color: white;
    font-weight: normal;
}

}

@media screen and (max-width: 280px) 
   
{
    .header
    {
        display: grid;
        grid-template-columns: 100%;
    }
    .navbar-nav.navbar-center {
        position: absolute;
        left: 50%;
        transform: translatex(-50%);
    }
    
    
   
    .navbar-expand-lg .navbar-nav{
        margin-left: 0px;}
        
    .dropdown:hover>.dropdown-menu {
        display: block;
    
      }
      
      .dropdown>.dropdown-toggle:active {
        /*Without this, clicking will make it sticky*/
          pointer-events: none;
      }
    
      .navbar-nav .nav-link.dropdown-toggle:hover
      {
        color: white;
      }
    
      .navbar-nav .nav-link.dropdown-toggle
      {
        color: black;
      }
      .navbar-nav .nav-link.active:hover
      {
        color: white;
      }
    
.grid-container h5
    {
        font-size: 18px;
        width: 70%;
        font-family: "bahnschrift";
        margin-left: 10%;
        padding-top: 20px;
        padding-bottom: 20px;
        font-weight: normal;
    
    }
    hr
    {
        width: 30%;
        margin-left: 10%;
        background-color: black;
    }
    .grid
    {
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 2%;
        grid-row-gap: 40px;
        width: 80%;
        margin-left: 10%;
        margin-top: 00px;
    }
    .ele1
    {
        height: 420px;
        background-color: white;
        border: 1px solid black;
        filter: drop-shadow(0 0 0.75rem #999);
        text-align: center;
        border-radius: 10px;
    }
    .ele1 h1
    {
        font-size: 18px;
        color: white;
        background-color: black;
        padding: 7px;
        font-family: "bahnschrift";
        margin-top: 30px;
        font-weight: lighter;
        
    }
    .ele1 h2
    {
        font-size: 18px;
        font-family: "bahnschrift";
        padding: 10px;
    }
    .ele1 h3
    {
        font-family: "bahnschrift";
        font-weight: lighter;
    }
    .ele1 img
    {
        height: 50%;
        margin-top: 40px;
    }
    .ele1:hover
    {
        background-color: white;
        filter: drop-shadow(0 0 0.75rem #999);
        border-style: none;
    }


.data
    {
        display: grid;
        grid-template-columns: 100%;
        margin-top: 40px;
        width: 80%;
        margin-left: 10%;
    }
    .datainfo
    {
        height: auto;
        padding-bottom: 50px;
       
    }
    .datainfo h1
    {
     
        font-size: 30px;
        text-align: left;
        padding: 7px;
       margin-top: 30px;
    }
    .data ul
    {
        margin-left: 5%;
        padding-top: 20px;
    }

    .isbjpic
    {
        height: auto;
   
    }

    .placement
{
    height: 600px;
    background-color: #f0f0f0;
    margin-top: 100px;
    text-align: center;
}
.placement h1
{
    font-size:25px;
    margin-left: auto;
    font-family: "bahnschrift";
    padding-top: 50px;
    font-weight: normal;
}
.placement h2
{
    font-size: 18px;
    margin-left: 10%;
    width: 80%;
    font-family: "bahnschrift";
    padding-top: 20px;
    font-weight: normal;
}

.footer
{
    margin-top: 100px;
    background-color: #f5f5f5;
}
.banner
{
    height: 100px;
    background-color: orange;
    text-align: center;
}
.banner p
{
    font-size: 25px;
    color: white;
    padding-top: 30px;
}
.footergrid
{
    display: grid;
    grid-template-columns: 100%;
    width: 90%;
    margin-left: 5%;
}
.address
{
    height: auto;
}
.address h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
    color: black;
}
.address ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
    color: black;
}
.address ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: normal;
    list-style: square;
    color: black;
}
.links
{
    height: auto;
}
.links h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
    color: black;
}
.links ul{
    margin-top: 20px;
    margin-left: 5%;
    width: 90%;
    color: black;
}
.links ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: normal;
    list-style: square;
    color: black;
}
.important
{
    height: auto;
    padding-bottom: 30px;
}
.important h1
{
    margin-top: 40px;
    font-size: 20px;
    font-family: "cambria";
    margin-left: -5%;
    color: black;
}
.important ul{
    margin-top: 20px;
    width: 90%;
    color: black;
}
.important ul li
{
    margin-top: 10px;
    font-size: 17px;
    font-family: "cambria";
    font-weight: normal;
    list-style: square;
    margin-left: -5%;
    color: black;
}
.copyright h1
{
    font-size: 18px;
    text-align: center;
    padding: 20px 0px;
    background-color: gray;
    color: white;
    font-weight: normal;
}

}