body {  background-color: white }

:root {
  --spacing-header: 4rem;
  --font-weight: 400;
  --border-radius: 0;
  --header-bgd-col: #FECB00;
}

/* Header */
.banner {
  background-color: var(--header-bgd-col) ;
  background-position: center;
  background-size: cover;
}

header {
  padding: var(--spacing-header) 0;
  margin-bottom: var(--spacing-header);
  }

footer {
  text-align: center; }


.image-gt {
  background-image: url('../gt1833.png');
  background-color: white ;
  background-position: center;
  background-size: cover;

}
@media only screen and (min-width: 300px) {
  .image-gt {height: 190px;} }
@media only screen and (min-width: 500px) {
  .image-gt {height: 220px;} }
@media only screen and (min-width: 650px) {
  .image-gt {height: 250px;} }
@media only screen and (min-width: 700px) {
  .image-gt {height: 310px;} }
@media only screen and (min-width: 800px) {
  .image-gt {height: 360px;} }
@media only screen and (min-width: 950px) {
  .image-gt {height: 400px;} }
@media only screen and (min-width: 1020px) {
  .image-gt {height: 480px;} }
@media only screen and (min-width: 1300px) {
  .image-gt {height: 600px;} }
@media only screen and (min-width: 1600px) {
  .image-gt {height: 650px;} }
@media only screen and (min-width: 1800px) {
  .image-gt {height: 800px;} }
@media only screen and (min-width: 2100px) {
  .image-gt {height: 900px;} }
@media only screen and (min-width: 2350px) {
  .image-gt {height: 1000px;} }
@media only screen and (min-width: 2500px) {
  .image-gt {height: 1100px;} }
@media only screen and (min-width: 2900px) {
  .image-gt {height: 1320px;} }