/* || General styles */

body {
  padding-top: 56px;
}
#contact {
}

.bg-LACity-Lblue{
    background-color: #55AAF0;

}
.bg-LAcity-Mblue{
    background-color: #3E7CB0;

}

.bg-LAcity-Dblue{
    background-color: #274F70;

}





.bg-primary {
    background-color: #194e99 !important;
    height: 10em;
}
.bg-black-0D0D0d {
    background-color: #0D0D0D;
}

.bg-yellow-F2B33D {
    background-color: #F2B33D;
	
}
.bg-green-038C65 {
    background-color: #038C65;
	
}
.bg-blue-23518C {
    background-color: #23518C;
}

.bg-red-F23847 {
    background-color: #F23847;
}

.btn-G-primary {
  color: #fff;
  background-color: #038C65;
  border-color: #038C65;
}

.btn-G-primary:hover {
    color: #fff;
    background-color: #F2B33D;
    border-color: #F2B33D;
}

.btn-G-primary:focus, .btn-G-primary.focus {
    color: #fff;
    background-color: #038C65;
    border-color: #038C65;
    box-shadow: 0 0 0 0.2rem;
    -webkit-box-shadow: 0 0 0 0.2rem;
}

.btn-G-primary.disabled, .btn-G-primary:disabled {
  color: #fff;
  background-color: #038C65;
  border-color: #038C65;
}

.btn-G-primary:not(:disabled):not(.disabled):active, .btn-G-primary:not(:disabled):not(.disabled).active,
.show > .btn-G-primary.dropdown-toggle {
    color: #fff;
    background-color: #038C65;
    border-color: #038#038C65C65;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
}

.btn-G-primary:not(:disabled):not(.disabled):active:focus, .btn-G-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-G-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #038C65;
    background-color: undefined;
    -webkit-box-shadow: 0 0 0 0.2rem #038C65;
}

.display-5 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 2rem;
}
.text-pageTitle {
    font-family: gfs-didot;
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    margin-top: -7px;
}

/* || Typography */

a {
  color: #00BFFF;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #F2B33D;
  text-decoration: underline;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

a.text-white {
  color: #fff !important;
}

a.text-white:hover {
    color: #fff;
    text-decoration: none;
}

a.text-white:not([href]) {
  color: inherit;
  text-decoration: none;
}

a.text-white:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

/* || Header and Main Navigation */

@media screen and (max-width:1200px){
.container-fluid .container .display-5.text-white {
    font-size: 4em;
}
.container-fluid .container .display-5.text-white {
}


}
#hero {

}
.text-website-name {
    font-size: 3rem;

}

@media screen and (max-width:992px){
#hero .text-website-name {
    font-size: 3rem;
}
#hero .text-pageTitle {
    font-size: 2rem;
}


}

@media screen and (max-width:768px){
#hero .text-website-name {
    font-size: 3rem;
}
#hero .text-pageTitle {
    font-size: 2rem;
}




}

@media screen and (max-width:576px){
#hero .text-website-name {
    font-size: 2rem;
}
#hero .text-pageTitle {
    font-size: 1rem;
    margin-top: -25px;
}


}