h1, h2 {
    font-weight: 400;
    text-align: center;
    padding: 0;
    margin: 0;
}
body, h1, h2, h3 {
    padding: 0;
}
body, h1, h2 {
    margin: 0;
}
#header, #navigation {
    height: 80px;
    width: 100%}
#header, #navigation, #slide11, #slide12, #slide13, #slide14, #slide2, .content, body {
    width: 100%}
@font-face {
    font-family: Wellfleet;
    font-style: normal;
    font-weight: 400;
    src: local('Wellfleet'), local('Wellfleet-Regular'), url(fonts/wellfleet.woff2) format("woff2");
}
@font-face {
    font-family: 'Goudy Bookletter 1911';
    font-style: normal;
    font-weight: 400;
    src: local('Goudy Bookletter 1911'), local('GoudyBookletter1911'), url(fonts/goudy.woff2) format("woff2");
}
body {
    font-family: Wellfleet;
}
h1 {
    font-size: 55px;
}
h2 {
    font-size: 40px;
}
#slogan a, h3 {
    font-weight: 700;
}
h3 {
    font-size: 20px;
    margin: 5px 0;
    z-index: 1;
    position: relative;
}
#slide11 {
    background: url(../img/11.jpg) 50% 0 no-repeat fixed;
}
#slide12 {
    background: url(../img/12.jpg) 50% 0 no-repeat fixed;
}
#slide13 {
    background: url(../img/13.jpg) 50% 0 no-repeat fixed;
}
#slide14 {
    background: url(../img/14.jpg) 50% 0 no-repeat fixed;
}
#slide11, #slide12, #slide13, #slide14 {
    color: #000;
    height: 600px;
    margin: 0;
    padding: 150px 0 310px;
    background-size: cover;
}
#slide21 {
    background: url(../img/1.jpg) 50% 0 no-repeat fixed;
}
#slide22 {
    background: url(../img/2.jpg) 50% 0 no-repeat fixed;
}
#slide23 {
    background: url(../img/3.jpg) 50% 0 no-repeat fixed;
}
#slide24 {
    background: url(../img/4.jpg) 50% 0 no-repeat fixed;
}
#slide21, #slide22, #slide23, #slide24 {
    margin: 0 auto;
    overflow: hidden;
    padding: 100px 0;
}
#slide3 {
    background: url(../img/30.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
    overflow: hidden;
}
#slide4 {
    background-color: #000;
    color: #333;
    height: 100px;
    padding: 20px 0;
}
#scrolling {
    position: absolute;
    bottom: 0;
    margin-bottom: 20px;
    left: 48%}
.center, .content, .content_top {
    margin: 0 auto;
}
.content_top {
    width: 100%;
    font-size: 36px;
}
.content {
    padding: 10px;
    font-size: 20px;
}
@media only screen and (min-width:1100px) {
    .content {
    margin: 0 auto;
    padding: 0;
    font-size: 20px;
}
}a.lpanel, a.rpanel {
    color: #e1e1e1;
    font-size: 12px;
    margin: 7px 11px;
    text-decoration: none;
}
.clear {
    clear: both;
}
a.lpanel {
    float: left;
}
a.rpanel {
    float: right;
}
#footleft, #footmenu li, #logo, #slogan a, #social {
    float: left;
}
#slogan a, a.lpanel:hover, a.rpanel:hover {
    color: #fff;
}
#header {
    background: url(../img/header-bg.png);
    position: fixed;
    margin-top: 30px;
}
#navigation {
    float: right;
}
#slogan a {
    text-decoration: none;
    font-size: 30px;
    margin: 20px;
}
#logo {
    margin-left: 10px;
}
#topmenu {
    float: right;
    margin-top: 15px;
    height: 50px;
    width: 850px;
}
.quotes {
    font-weight: 400;
    font-size: 30px;
    text-align: left;
    margin: 50px auto;
}
.author_name_white {
    margin: 70px 0 0 75px;
    color: #fff;
    font-size: 20px;
}
.author_name_gray {
    margin: 70px 0 0 75px;
    color: #94a4a4;
    font-size: 20px;
}
.quotes_container {
    width: 100%;
    margin: 0 auto;
    font-family: 'Goudy Bookletter 1911', serif;
}
@media only screen and (min-width:1100px) {
    .quotes_container {
    width: 960px;
    margin: 0 auto;
    font-family: 'Goudy Bookletter 1911', serif;
}
}#footmenu ul, #topmenu ul {
    list-style-type: none;
    margin: 0;
}
#topmenu ul {
    padding: 0;
    position: absolute;
}
#topmenu li {
    display: inline-block;
    float: left;
}
#topmenu li a {
    display: block;
    width: 140px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #2f3036;
    text-decoration: none;
}
#topmenu li:hover a {
    background: #4096ee;
}
#topmenu li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}
#topmenu .show-menu, #topmenu li:hover ul a:hover {
    background: #4096ee;
    color: #fff;
}
#topmenu li ul {
    display: none;
}
#topmenu li ul li {
    display: block;
    float: none;
}
#topmenu li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}
/*
#topmenu ul li .nav-child:hover, #topmenu ul li a:hover+.nav-child, .nav-child:hover {
    display: block;
} */
#topmenu li:hover ul, #topmenu ul li a:hover {
  display: block
}
#topmenu .show-menu {
    text-decoration: none;
    text-align: center;
    padding: 10px 0;
    display: none;
}
#topmenu input[type=checkbox] {
    display: none;
}
#topmenu input[type=checkbox]:checked~#menu {
    display: block;
}
#footmenu {
    font-size: 18px;
}
#footmenu ul {
    padding: 0;
    overflow: hidden;
    background-color: #333;
}
#footmenu li a {
    display: block;
    color: #fff;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}
#footmenu li a:hover {
    background-color: #4096ee;
}
@media screen and (max-width :1500px) {
    #footmenu, #topmenu {
    font-size: 12px;
}
#topmenu {
    width: 550px;
}
#topmenu li a {
    width: 90px;
}
#slide11, #slide12, #slide13, #slide14 {
    padding: 120px 0 340px;
}
}@media screen and (max-width :1200px) {
    #slogan a {
    font-size: 24px;
}
#topmenu {
    font-size: 12px;
    width: 440px;
}
#topmenu li a {
    width: 70px;
}
.content_top {
    margin: 0 auto;
    width: 100%;
    font-size: 24px;
}
#slide11, #slide12, #slide13, #slide14 {
    padding: 100px 0 360px;
}
}@media screen and (max-width :950px) {
    #logo {
    margin-left: 2px;
}
#slogan a {
    font-size: 18px;
    margin: 25px 2px 2px;
}
#topmenu {
    font-size: 12px;
    width: 420px;
}
}@media screen and (max-width :799px) {
    #topmenu, #topmenu li a, #topmenu ul li, li a {
    width: 100%}
#header {
    margin-top: 0;
}
#topmenu {
    font-size: 12px;
    margin: 0;
}
#topmenu ul {
    position: static;
    display: none;
}
#topmenu .show-menu {
    display: block;
}
#footmenu li a {
    padding: 2px;
}
}@media screen and (max-width :359px) {
    #logo {
    display: none;
}
#slogan a {
    font-size: 18px;
}
}#footleft {
    margin-left: 20px;
    margin-top: 10px;
}
#footright {
    float: right;
    margin-right: 20px;
    margin-top: 10px;
}
#copyright {
    text-align: center;
    margin-top: 100px;
    color: #666;
}
#social {
    min-width: 150px;
    color: #fff;
    margin-top: -20px;
}
#socialicon {
    padding-top: 10px;
}