@font-face {
  font-family: Roboto;
  src: url(/webpage_roboto/Roboto-Black.ttf);
  src: url(/webpage_roboto/Roboto-BlackItalic.ttf);
  src: url(/webpage_roboto/Roboto-Bold.ttf);
  src: url(/webpage_roboto/Roboto-BoldItalic.ttf);
  src: url(/webpage_roboto/Roboto-Italic.ttf);
  src: url(/webpage_roboto/Roboto-Light.ttf);
  src: url(/webpage_roboto/Roboto-LightItalic.ttf);
  src: url(/webpage_roboto/Roboto-Medium.ttf);
  src: url(/webpage_roboto/Roboto-MediumItalic.ttf);
  src: url(/webpage_roboto/Roboto-Regular.ttf);
}

html, body {
  background-color: #F3F2F2;
}

.header-banner {
   font-size: 40px;
}

.header-logo {
    width: 120px
  }

.robotofont {
  font-family: Roboto;
  color: #231f20;
}

.aboutpagestitle {
  height: 55vh;
  padding-top: 25vh;
}

.aboutpagesheight {

}

.contact-icon {
  padding-left: 2vw;
}

.card-body {
  height: 50vh;
}

.card-text {
  font-size: 15px
}

h1,h2,h3,h4 {
  font-size: 17px;
}

@media only screen and (max-width: 1100px) {
  .contact_info {
    font-size: 13px;
  }
  .aboutpagestitle {
    height:20vh;
    padding-top: 4.8vh;
  }

  .aboutpagesheight {
    height: 100vh;
  }

  .cultureimg-padtop {
     padding-top: 30px;
  }

  .onelinetitle-padtop {
    padding-top: 2vh;
  }

  .header-banner {
   font-size: 20px;
  } 

  .header-logo {
    width: 45px
  }

  h1,h2,h3,h4 {
    font-size: 15px;
  }

  h5 {
    font-size: 13px;
  }

  p {
    font-size: 11px;
  }

  .card-body {
    height: auto;
  }
}