

.main_div
{
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.top_div
{
  width: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  /*height: 480px;*/
  height: 450px;
  position: relative;
}

.loc_div
{
  padding-top: 10%;
  padding-bottom: 10%;
  width: 80% !important;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.loc_left_div
{
  padding-left: 0;
}

.loc_span_1
{
  font-family: 'Barkentina';
  font-size: 23px;
  color: #5fc0c4;
  display: block;
}

.main_text
{
  font-family: 'Aileron-Light';
  font-size: 16px;
  color: #929598;
  margin-top: 15px;
}

.fac_div
{
  width: 80% !important;
  margin-bottom: 25px;
}

.fac_item
{
  font-family: 'Aileron-Regular';
  color: #6cc4c8;
  display: inline-block;
  width: 33%;
  margin-bottom: 10px;
  font-size: 15px;
}


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

  .loc_div, .footer
  {
    width: 90% !important;
  }

  .loc_left_div, .loc_right_div
  {
    /*width: 100%;
    display: block;
    margin-bottom: 15px;*/
  }



  .loc_right_div_2
  {
    /*display: block;
    width: 100%;*/
  }

  .loc_right_div img 
  {
    width: 85%;
  }

  /*.loc_span_2
  {
    display: inline-block;
  }*/

}

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

  .loc_span_1
  {
    font-size: 20px;
  }
}

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

  .top_div
  {
    height: 310px;
  }

  .top_span_1
  {
    font-size: 25px;
  }

  .top_span_2
  {
    font-size: 38px;
    margin-top: -17px;
  }

  .top_p
  {
    font-size: 13px;
  }

  .loc_right_div
  {
    display: none;
  }

  .loc_right_div_2
  {
    display: block;
  }

  .loc_right_div_2
  {
    width: 100%;
    height: 120px;
    text-align: center;
  }

   .loc_right_div_2 img
  {
    height: 85%;
  }

  .loc_left_div
  {
    text-align: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 3%;
  }

  .main_text
  {
    text-align: left;
  }

  .fac_item 
  {
    width: 49%;
    text-align: center;
  }

}

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

  .top_text_div
  {
    width: 90%;
  }
  
  .top_span_1
  {
    font-size: 21px;
  }

  .top_span_2
  {
    font-size: 31px;
    margin-top: -11px;
  }

  .loc_span_1
  {
    font-size: 16px;
  }
}

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

  .top_div
  {
    height: 300px;
  }

  .fac_item 
  {
    width: 49%;
    font-size: 13px;
  }

}  
@media only screen and (max-width: 414px) {


  .top_text_div
  {
    width: 65%;
  }


}

@media only screen and (max-width: 320px) {
  
  .fac_item 
  {
    font-size: 12px;
  }

  .footer_div_3_top .footer_div_3_spans_1, .footer_div_2 span 
  {
    font-size: 9px;
  }
}

