#site-header.custom-header {width:100%; background-image: url("http://ohope.mooremedia.com.au/wp-content/uploads/2020/11/beachmist-scaled.jpg");
 background-position: center;
background-repeat: no-repeat; 
background-size: cover; 
  height:100px;
}

#pg-723-0 {max-width:1200px; margin:0 auto;}
#panel-723-0-0-0 {float:left; max-width:370px;}
#panel-723-0-1-0 {float:right; max-width:670px;}


@media only screen and (max-width: 500px) {
#panel-723-0-0-0 {float:left; max-width:250px;margin-top:10px;}
  #panel-723-0-1-0 {float:right; max-width:150px;}
}

@media only screen and (max-width: 450px) {
  #obchome {
    margin-top: 40px;
    margin-bottom: 10px;
    margin-left: 15px;
    width: 280px;
  }
}

@media only screen and (min-width: 500px) {
  #obchome {
    margin-top: 40px;
    margin-bottom: 10px;
    margin-left: 10%;
    width: 500px;
  }
}

@media only screen and (min-width: 1000px) {
  #obchome {
    margin-top: 55px;
    margin-bottom: 10px;
    margin-left: 10%;
    width: 65%;
  }
}

.foogallery_widget .widget-title {
  display: none;
  font-size: 1px;
}

.page-header {
  padding-top: 20px;
  padding-bottom: 5px;
  margin-bottom: -40px;
}

.page-header-title.clr {
  font-family: Niconne;
  color: #d91c1c;
  margin-bottom: 0;
}

@media only screen and (max-width: 415px) {
  .page-header {
    margin-top: 0;
    padding-top: 0;
  }

  h1.page-header-title.clr {
    font-size: 40px;
  }
}

.picleft {
  float: left;
  margin: 0 30px 0 0;
}

.picright {
  margin-left: 60px;
  margin-bottom: 0;
}

@media only screen and (max-width: 520px) {
  .picright {
    margin-left: 30px;
  }
}

a img {
  margin-right: 20px;
}

h4 {
  margin-bottom: 0px;
}

.single-post.content-max-width #related-posts {
  padding-top: 80px;
}

a:hover {
  background-color: #ffffff;
}

.single-post.content-max-width figure img {
  width: 180px;
  height: 180px;
}

.related-thumb {
  background-color: white;
}

ul {
  margin-top: -10px;
  padding: 0 3em 0 2em;
}

@media only screen and (max-width: 1200px) and (min-width: 801px) {
  ul {
    padding: 0;
  }
}

li {
  margin-bottom: 5px;
  list-style-image: url('/wp-content/uploads/2020/11/squaremark.gif');
}

#panel-6-0-0-0.so-panel.widget.widget_media_image.panel-first-child.panel-last-child {
  margin-top: -55px;
  margin-left: 27px;
}

.image.wp-image-334.attachment-large.size-large {
  margin-left: -177px;
}

#footer-bottom.clr {
  font-size: 16px;
  font-family: arial, sans-serif;
  color: black;
  padding-top: 19px;
}

#footer-bottom #footer-bottom-menu li {
  list-style: none;
}

#footer-bottom #footer-bottom-menu a {
  color: white;
  margin-right: 25px;
}

#footer-bottom #copyright {
  color: white;
}

#footer-bottom #footer-bottom-menu a:hover {
  background-color: black;
}

.panel-grid-cell .widget-title {
  border-left-style: hidden;
  padding-left: 0px;
  padding-top: 10px;
  font-family: arial;
  font-size: 14px;
  text-transform: none;
}

.wp-caption-text {
  font-size: 14px;
  font-family: arial;
  font-style: normal;
  color: #141414;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

@media only screen and (max-width: 520px) {
  #site-logo #site-logo-inner a img {
    width: 250px;
  }

  .mobile-menu .oceanwp-text {
    display: none;
  }
}

@media only screen and (max-width: 350px) {
  #site-logo #site-logo-inner a img {
    width: 200px;
  }
}

@media only screen and (max-width: 540px) {
  .mobile-menu .oceanwp-text {
    display: none;
  }
}