/* Remove the navbar's default margin-bottom and rounded borders */ 
.navbar {
  margin-bottom: 0;
  border-radius: 0;
  height:auto;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {
    background-color:white;
    color:black;
}

/* Set gray background color and 100% height */
.sidenav {
  padding-top: 20px;
  background-color: #f1f1f1;
  height: 100%;
}
img.welcome{
  width:100%;
}

/* Set black background color, white text and some padding */
footer {
  background-color: #555;
  color: white;
  padding: 15px;
  height:auto;
}

body{
    background-color:#FFFFFF;
    color:black;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    padding: 15px;
  }
  .row.content {
      height:auto;
      background-color:white;
      color:black;
  }
  img.Belizajeth{
  width:10% !important;
  }  
}
@media screen and (max-width: 400px) {
  .sidenav {
    height: auto;
    padding: 15px;
  }
  .row.content {
      height:auto;
      background-color:white;
      color:black;
  }
  img.Belizajeth{
  width:10% !important;
  }  
  .logo{
    width:0% !important;

  }
}




.sizing{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;


}

.center{
  margin:2%;
}

li{
  list-style-type:none;
}

p{
  font-size:18px;
  font-family:Georgia;
  line-height:2.0;
}

h2{
  font-family: "Times New Roman";
  font-size:40px;
  font-weight:bold;
}

img.Belizajeth{
  width:100px;
}


.text{
  font-size:25px;
}

img.sizer{
  margin:1%;
  width:100%;
  height: 400px;
}

hr{
  margin: 3%;
}

.fincky{
  font-size: 18px;
  color: white;
  text-decoration: none;
  margin-top: 5%;
}

.fincky:hover{
  font-size: 18px;
  color: white;
  text-decoration: none;
  margin-top: 5%;
}
.navbar-toggle{
  margin-top: 5%;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.logo{
  width: 5%;
}

.form-group{
  margin-top: 2%;
  margin-bottom: 2%;
}

.accordion-button{
  font-weight:bold;
  font-size:18px;
}

.widen{
  width:100%;
  border-radius:4px;
  border-width:2px;
}
.row:before, .row:after {display: none !important;}