@import url('https://fonts.googleapis.com/css?family=Patua+One');

@import url('https://fonts.googleapis.com/css?family=Roboto');


/*
@media only screen and (max-width: 1200px) {

    .body { width:89%; padding-left:5%;
    padding-bottom: 10px;
 }
    
.title { padding-left:5%; }

.link { padding-left:5%; }

.bottom { display: none; }

.bodytitle { padding-left:5%;
    padding-top:20px;
}
    
.bar2 { padding-top:38px; padding-bottom:38px; }
}

@media only screen and (min-width: 1200px) {
    .body { width:55%; padding-left:23%; padding-right:22%; padding-bottom: 50px; }
    .title { padding-left:2.5% }
    .bodytitle { padding-left:23%; padding-top:60px; }
    .link { position: absolute; right: 3.5%; }
    .bottom { position: absolute; right: 3.5%; }
    .rwd-break { display: none; }
    .bar2 { padding-top:28px; padding-bottom:28px; }
}
*/

.body {
    font-family: 'Roboto', 'Arial', sans-serif;
    line-height: 1.5em;
    color: #717171;
    font-size: 14px;
}

.title {
    font-family: 'Patua One', 'Times New Roman', serif;
    color: white;
    font-size: 21px;
    font-weight: bold;
    padding: 0px 12px;
    text-align: top;
    float: left;
}

.link {
    display: inline;
    color: white;
    text-decoration: none;
    font-size: 13px;
    padding-top:6px;
    font-family: 'Roboto', 'Arial', sans-serif;
}

.bar {
    background-color: #333;
    overflow: hidden;
    padding-top:15px;
    padding-bottom:15px;
}

.bar2 {
    background-color: #333;
    overflow: hidden;
}


.bottom {
    font-family: 'Roboto', 'Arial', sans-serif;
    color: white;
    text-align: right;
    text-decoration: none;
    font-size: 11px;
}

.bottom2 {
    font-family: 'Roboto', 'Arial', sans-serif;
    color: white;
    text-align: left;
    text-decoration: none;
    font-size: 11px;
}

a{
text-decoration: none;
}

a:active{
text-decoration: none;
color: #00ca8a;
}

a:hover {
text-decoration: none;
color: #00ca8a;
-webkit-transition: color 0.25s;
-moz-transition:    color 0.25s;
-ms-transition:     color 0.25s;
-o-transition:      color 0.25s;
transition:         color 0.25s;
}

.bodylink {
    text-decoration: none;
    color: #00ca8a;
}

.bodytitle {
  color: #444444;
  padding-bottom:0px;
  font-size: 25px;
  font-weight: bold;
  font-family: 'Patua One', 'Times New Roman', serif;
}

.hangingindent { padding-left: 22px; text-indent: -8px; line-height: 110%; margin-bottom: 5px; }

sup { vertical-align: super; font-size: 75%; }

table { border-top: 2px solid black;  border-bottom: 2px solid black; border-right: none;
        border-left: none; margin-top: 20px; margin-bottom: 20px; }

th { border-top: none;  border-bottom: 1px solid black; border-right: none;
     border-left: none; padding-left: 1em; padding-right: 1em; }

td { border-top: none;  border-bottom: none; border-right: none; border-left: none;
     padding-left: 1em; padding-right: 1em; }
     
.topnav {
  overflow: hidden;
  background-color: #333;
  
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 6px 12px;
  text-decoration: none;
  font-size: 14px;
  background-color: #333;
  overflow: hidden;
  font-family: 'Roboto', 'Arial', sans-serif;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}


.topnav .icon {
  display: none;
}

@media screen and (max-width: 1050px) {
    .topnav a{display: none;}
    .topnav a.icon {
      float: right;
      display: block
    }
    .body { width:89%; padding-left:5%; padding-bottom: 10px; }
    .title { padding-left:5%; }
    .link { padding-left:5%; }
    .bottom { position: relative; float: right; padding-right: 3.5%; }
    .bottom2 { position: relative; float: left; padding-left: 3.5%; }
    .bodytitle { padding-left:5%; padding-top:20px; }
    .bar2 { padding-top:28px; padding-bottom:28px; }
    .rwd-break { display: none; }

  .topnav.responsive .icon {
    position: relative;
    float: right;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

@media only screen and (min-width: 1050px) {
    .rwd-break { display: block; }
    .body { width:55%; padding-left:23%; padding-right:22%; padding-bottom: 50px; }
    .bodytitle { padding-left:23%; padding-top:60px; }
    .bottom { position: absolute; right: 3.5%; }
    .bottom2 { position: absolute; left: 3.5%; }
    .bar2 { padding-top:28px; padding-bottom:28px; }
}