/**************** default styles ****************/
* {

}

body {
	overflow-x: hidden;
  background-color: #fff !important;
}

.clear {
	clear: both;
}

h1, h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

h3, h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

h5, h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

b {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}


/*********************************************************/

/*@media screen and (min-width: 320px) {*/

  .container-fluid {
    padding: 0 24px !important;
  }

  .navbar-brand img {
    width: 150px;
  }

  .navbar-toggler {
    padding: 0 !important;
    border: 0px !important;
  }
    .navbar-toggler-icon {
      background-image: url('../images/MTA_website_toggle.svg') !important;
    }

  .nav-link {
    text-align: center !important;
    padding: 24px 0 !important;
    color: #066051 !important;
    text-transform: uppercase !important;
    font-family: 'Barlow', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    font-size: 1.125em !important;
    transition: 0.3s;
  }
    .nav-link:hover {
      color: #26967F !important;
    }
 
/*}*/

/*********************************************************/

@media screen and (min-width: 375px) {


}

/*********************************************************/

@media screen and (min-width: 414px) {


}

/*********************************************************/

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


}

/*********************************************************/

@media screen and (min-width: 667px) {


}

/*********************************************************/

@media screen and (min-width: 736px) {


}

/*********************************************************/

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

  .container-fluid {
    padding: 0 48px !important;
  }

  .navbar-brand img {
    width: 200px;
  }

  .nav-link {
    text-align: right !important;
    padding: 24px 0 24px 48px !important;
    font-size: 1em !important;
  }

}

/*********************************************************/

@media screen and (min-width: 812px) {


}

/*********************************************************/

@media screen and (min-width: 992px) {

  .container-fluid {
    padding: 0 36px !important;
  }

  .navbar-brand img {
    width: 215px;
  }

  .nav-link {
    padding: 24px 0 24px 100px !important;
    font-size: 1em !important;
  }

}

/*********************************************************/

@media screen and (min-width: 1024px) {



}

/*********************************************************/

@media screen and (min-width: 1180px) {




}

/*********************************************************/

@media screen and (min-width: 1280px) {

  .container-fluid {
    padding: 0 48px !important;
  }

  .nav-link {
    font-size: 1.25em !important;
  }

}

/*********************************************************/

@media screen and (min-width: 1366px) {

  

}

/*********************************************************/

@media screen and (min-width: 1920px) {

}

/*********************************************************/