@media screen and (max-width: 568px) {

  #sp-site-navigation-1 > ul > li > a:hover{
    background-color : rgba(0, 0, 0, 0.6);
  }
}

#sp-site-branding2-1{
  padding-top : 16px;
  padding-bottom : 16px;
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 0px;
  width : auto;
}

#sp-site-branding2-1 .extra{
  width : 450px;
  top : 4rem;
  left : 50%;
}

#sp-site-branding2-1 .extra > p{
  font-size : 1rem;
  color : #333333;
  text-align : right;
}

#sp-site-branding2-1 .site-description{
  font-size : 1rem;
  font-weight : normal;
  color : #333333;
  text-align : right;
  width : 100%;
  position : absolute;
  top : 10px;
}

#sp-site-branding2-1 .site-title{
  background-image : url(img/site-logo.png);
  background-repeat : no-repeat;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  width : 430px;
  height : 66px;
  float : left;
  display : block;
}

#sp-site-branding2-1 .site-title a{
  text-indent : -9999px;
  display : block;
  overflow : hidden;
}

@media screen and (max-width: 568px) {

  #sp-site-branding2-1{
    padding-top : 10px;
    padding-left : 20px;
    padding-bottom : 0px;
    overflow : hidden;
    box-sizing : border-box;
  }

  #sp-site-branding2-1 .extra{
    padding-top : 5px;
    margin-bottom : 0px;
    width : 100%;
    top : 0px;
    left : 0%;
  }

  #sp-site-branding2-1 .extra > p{
    font-size : 1rem;
    color : #333333;
    text-align : left;
    padding-top : 0px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 0px;
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    width : 100%;
    box-sizing : border-box;
  }

  #sp-site-branding2-1 .site-description{
    text-align : center;
    width : 100%;
    left : 0px;
  }

  #sp-site-branding2-1 .site-title{
    background-repeat : no-repeat;
    background-position : center top;
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    margin-top : 25px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 0px;
    width : 100%;
    float : none;
  }

  #sp-site-branding2-1 .site-title a{
    width : 100%;
  }
}

#sp-image-1, #sp-image-2, #sp-image-3, #sp-image-4, #sp-image-5{
  max-width : 100%;
}

#sp-table-1{
  font-size : 1.4rem;
  color : #3f3f3f;
  background-color : #ffffff;
  width : 100%;
  border-collapse : collapse;
}

#sp-table-1 td{
  background-color : #ffffff;
  padding-top : 5px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 5px;
  border-top-width : 1px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-color : #02c10f;
  border-left-color : #02c10f;
  border-right-color : #02c10f;
  border-bottom-color : #02c10f;
  display : table-cell;
}

#sp-table-1 th{
  color : #666666;
  background-color : #d5efcb;
  padding-top : 5px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 5px;
  min-width : 40px;
  display : table-cell;
}

#sp-table-1 > tbody > tr .col-title{
  color : #666666;
  background-color : #d5efcb;
  padding-top : 5px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 5px;
  border-top-width : 1px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-color : #02c10f;
  border-left-color : #02c10f;
  border-right-color : #02c10f;
  border-bottom-color : #02c10f;
}

#sp-table-1 > tbody > tr .row-title{
  color : #666666;
  background-color : #d5efcb;
  padding-top : 5px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 5px;
  border-top-width : 1px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-color : #02c10f;
  border-left-color : #02c10f;
  border-right-color : #02c10f;
  border-bottom-color : #02c10f;
}

@media screen and (max-width: 568px) {

  #sp-table-1{
    width : 100%;
  }
}

#sp-block-container-7 > p.copyright{
  text-align : center;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 25px;
  width : 100%;
}

#sp-site-branding2-1 .site-title{
  background-image : none;
}

#sp-site-branding2-1 > .site-title{
  background-image : url(img/site-logo2.png);
}

@media not screen, screen and (min-width: 569px) {

  #sp-block-container-1{
    margin-bottom : -47px;
    min-height : 55px;
  }

  #sp-block-container-3{
    min-height : 204px;
  }

  #sp-block-container-6{
    min-height : 119px;
  }

  #sp-image-1{
    margin-top : 10px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 0px;
    width : 100%;
  }

  #sp-image-3{
    width : 129px;
    height : 129px;
  }

  #sp-image-4{
    width : 210px;
    height : 73px;
  }

  #sp-site-branding2-1 > .site-description{
    top : 10px;
    bottom : auto;
    right : auto;
    left : 0px;
  }

  #sp-site-branding2-1 > .site-title{
    margin-right : -183px;
    width : 430px;
    height : 60px;
  }
}

@media screen and (max-width: 568px) {

  #sp-image-1{
    width : 100%;
  }
}