@import "page.css";
@font-face {
    font-family: "AhmetAltunBroundeRegular";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/AhmetAltunBroundeRegular.otf);
}
@font-face {
    font-family: "AhmetAltunHalisRBlack";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/AhmetAltunHalisRBlack.otf);
}
p {
   font-family: serif;
   margin-top: .8em;
   margin-bottom: .8em;
   text-indent: 0;
   orphans: 2;
   widows: 2;
   }
p.nospace {
   margin-top: 0em;
   margin-bottom: 0em;
   }
h1.title {
   font: 2.5em "AhmetAltunBroundeRegular";
   color: #a8ad2c;
   text-align:left;
   border-bottom: 1px solid;
   margin-bottom: 1em;
   }
h3.subtitle {
   margin-top: 0px;  
   margin-bottom: 2em;
   }
.divide {
   page-break-before: always;
   }
.nodivide {
   page-break-before: avoid;
   }
h2 {
   font: 2.0em "AhmetAltunBroundeRegular";
   color: #00aca0;
   text-align:left;
   page-break-before: always;
   }
h3{
font: 1.5em "AhmetAltunHalisRBlack";
color: #00aca0;
   text-align:left;
   }
h4,h5 {
   text-align:left;
   }
table {
   margin-top: 1.5em;
   margin-bottom: 1.5em;
   }
.simplelist {
    padding-left: .8em ;
    text-indent: -.8em ;
    font-family: sans-serif;
    margin-left: .75em;
   }
.blockquote {
   font-family: sans-serif;
   font-style: italic;
   margin-top: 1em;
   text-align: left;
   margin-left: 5%;
   font-size: small;
   }
.attribution {
   font-family: sans-serif;
   font-size: small;
   margin-left: 30%
   }
.epigraph {
   font-size: small;
   margin-left: 10%;
  font-family: sans-serif;
  }
.caption {
  font-size: smaller;
  font-weight: bold;
  page-break-before: avoid;
  color: #636466;
  text-indent: 0em;
  }
.sidebar {
    background-color: #d1d3d4;
    padding: 1em;
    margin: 1em;
    }
.strikethrough {
  text-decoration: line-through;
  }
.chapter {
    text-align: left;
   }
.bridgehead {
    margin-left: 1em;
    text-align: left;
   }
img {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    }
.mediasmall3{
width: 30%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    }