body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  background: #f1fbfc;
}

a {
  color: #00B7FF;
  font-family: Lobster;
}

h5 {
  background: #14878e;
  border-radius: 15px;
  /* text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; */
  padding-left: 10px;
  color:white;
  /* color: #605f5f !important; */
}
img {
  width: 100%;
  height: 100%;
  margin: 5px 5px 5px 5px;
}

h4 {
    font-family: Lobster;
}

.center-div {
  margin: 0 auto;
  height: auto;
}

.no-style {
  text-decoration: none;
  color: white;
}

.lobster {
  font-family: Lobster;
}

#rfloat {
  float: right;
  background-color: #14878e;
  /* color: white; */
  height: auto;
  text-transform: uppercase;
  /* font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; */
  letter-spacing: 1px;
  line-height: 38px;
  padding: 0 28px;
  border-radius: 15px;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  /* margin: 5px 5px 5px 5px; */
  text-align: center;
  /* float: right; */
  /* border-color: white; */
  /* padding: 4px */
}
#lfloat {
  float: left;
  background-color: #14878e;
  /* color: white; */
  height: auto;
  text-transform: uppercase;
  /* font-family: 'Square Market', 'helvetica neue', helvetica, arial, sans-serif; */
  letter-spacing: 1px;
  line-height: 38px;
  padding: 0 28px;
  border-radius: 15px;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  /* margin: 5px 5px 5px 5px; */
  text-align: center;
  /* float: right; */
  /* border-color: white; */
  /* padding: 4px */
}

#header0 {
  height: 50px;
  display: block;
  background: #14878e;
  width: 100%;
  z-index: 1;
  top: 0px;
}

/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    /* overflow: hidden; */
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #4CAF50;
    color: white;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zo-mM4MwWJXNqA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zoamM4MwWJXNqA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zo2mM4MwWJXNqA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zoymM4MwWJXNqA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zoKmM4MwWJU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}