@font-face {
    font-family: 'Lora-Bold';
    src: url('../../src/fonts/lora-bold-webfont.eot');
    src: url('../../src/fonts/lora-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../src/fonts/lora-bold-webfont.woff') format('woff'),
         url('../../src/fonts/lora-bold-webfont.ttf') format('truetype'),
         url('../../src/fonts/lora-bold-webfont.svg#Lora-Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Lora-Regular';
    src: url('../../src/fonts/lora-regular-webfont.eot');
    src: url('../../src/fonts/lora-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../src/fonts/lora-regular-webfont.woff') format('woff'),
         url('../../src/fonts/lora-regular-webfont.ttf') format('truetype'),
         url('../../src/fonts/lora-regular-webfont.svg#Lora-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
  font-family: Lora-Regular,"Times New Roman",serif;
  font-size: 2em;
  max-width: 1350px;
  background-color: #0D1832;
}

.navbar-default .navbar-brand{
  font-family: Lora-Bold,"Times New Roman",serif;
  color: #333;
  font-weight: bold;
  font-size: 1.5em;
  position: absolute;
  left: 20px;
}

#sidebar-wrapper {
  top: 52px;
  background-color: #0D1832;
  position: fixed;
}


.sidebar-nav li {
  text-indent: 20px;
  line-height: 4em;
}
.sidebar-nav li a {
  color: white;
}

#page-content-wrapper {
    background-color: #f8f8f8;
    border-radius: 4px;
    padding: 20px;
    position: relative;
    line-height: 2em;
}


@media (max-width: 720px) {


  .navbar-default .navbar-brand{
    font-size: 1em;
    left: 0px; }

   .sidebar-nav li {
     line-height: 3em;
   }


    img#side_image {
    max-width : 250px;
  }

}

@media (max-width: 690px) {


   .sidebar-nav li {
     line-height: 2em;
   }


}


@media (max-width: 480px) {


  .navbar-default .navbar-brand{
    font-size: 0.75em;
  }

   .sidebar-nav li {
     line-height: 1.5em;
   }

}


@media (max-width: 380px) {


  .navbar-default .navbar-brand{
    font-size: 0.50em;
  }

   .sidebar-nav li {
     line-height: 1.5em;
   }

}


/*------------------------*/



a img {
border : none;
float : right;
border : solid 1px black;
margin-right : 2%;
border-radius: 4px;
}

#title{
text-align : center;
}

#side_image {
max-width : 350px;
}

#various_images img{
border : solid 1px black;
border-radius: 4px;
margin : 2% 0.5%;
max-width : 150px;
}

#various_images{
display : block;
width : 1000;
padding-left : 2%;
margin-left : auto;
margin-right : auto;
/*clear : both;*/
}

p.indent{
text-indent: 2em
}