@media screen and (min-width: 768px) {
.site-container {
   background-image: url("https://fishsupplyguide.com/wp-content/uploads/2017/01/fish-supply-guide-logo-200x200.png");
   background-repeat: no-repeat;
   background-position: 15px -50px;
}
.genesis-nav-menu {
   float: right;
   width: auto;
}
}

@media screen and (max-width: 767px) {
.site-container {
   background-image: none;
}
#ai_widget-6 { display: none; }
#ai_widget-3 { display: none; }
#dpe_fp_widget-2 { display: none; }
#ai_widget-7 { display: none; }
/*.ai_widget { display: none; } These two hide all by class vice individual like above
.widget_dpe_fp_widget { display: none; }
*/
}


/*.site-header {
      padding-top: 75px;
}*/
.site-header {
      padding-top: 40px;
      padding-bottom: 10px;
}

@media screen and (max-width: 410px) {
.site-title {
    text-shadow: 4px 4px 4px #135c6c;
    font-family: fish;
    letter-spacing: 1px;
    font-size: 40px;
}
}
@media screen and (min-width: 411px) {
.site-title {
    text-shadow: 4px 4px 4px #135c6c;
    font-family: fish;
    letter-spacing: 1px;
    font-size: 70px;
}
}

body {
 color: #676765;
}

.wpsm-comptable .st-key {
   width: 1%;
   min-width: 1px;
}

.button {
    background-color: #4cc4e0; 
    border: none;
    color: white;
    padding: 15px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    float: left;
}
.button {
border-radius: 8px;
}
.button:hover {
    background-color: #1b8198;
}

.imgContainer{
    float:left;
}
/* this is called a clearfix. it makes sure that the container's children floats are cleared, without using extra markup */

.clearfix {
  *zoom: 1/* for IE */
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}


/* end clearfix*/


.home .widget_dpe_fp_widget {
    display: none;
}

.dpe_fp_widget-2 li {
text-align: center;
}

.grecaptcha-badge {opacity:0}