:root {
  --darkGray: rgb(16, 16, 16);
  --softGray: rgb(141, 141, 141);
  --white: #ffffff;
  --textMain: ;
  --textLink: ;
  --color3: rgb(16, 16, 16);
  --softColor3: #e3ecec;
  margin: 0;
  padding: 0;
}
.banner-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.6rem 0;
  background-color: var(--color3);
}
#corporate-banner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  
  height: 100%;
  width: 1130px;
}

.corporate {
  background-color: var(--color3);;
}

#corporate-banner h1 {
  font-size: 22px;
}

#header {
  width: 100%;
  padding: 0;
  margin: 0;
  height: 13rem;
}

.nav-custom {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  padding: 0px 30px;

  height: 100%;
}

.container-logo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 5px 10px;
}

#nav img {
  width: 200px;
}

.title-container {
  color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 250px;
}

.title-container h1 {
  color: var(--white);
  font-size: 28px;
  margin: 5px 30px;
}

.title-container h2 {
  font-size: 28px;
  margin: 5px 5px;
  font-style: italic;
  width: 100%;
}

.visible-sm-block .visible-md-block .visible-lg-block .navbar-brand{
    height: fit-content !important;
    padding: 0.5rem;
}

.navbar .navbar-inverse .navbar-static-top{
    height: fit-content !important;
}

.navbar-toggle .collapsed{
    margin: 1rem 0.5rem;
}

@media (max-width: 1200px){
  #corporate-banner{
    width: 970px;
  }
  .title-container > h1 {
    margin-left: 40px;
  }
}

@media (max-width: 990px){
  #corporate-banner{
    width: 750px;
  }
}
@media (max-width: 775px){
  
  .title-container {
    display: none
  }
  #corporate-banner {
    width: 100%;
  }
}