/*----------------------------------
fonts
----------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
  font-family: "Roboto", sans-serif;
  color: #707070;
}

/*----------------------------------
typography
----------------------------------*/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 700;
  color: #131729;
}

p {
  font-size: 0.938rem;
}

/*----------------------------------
content
----------------------------------*/

/* header */

header {
  padding: 2rem 0;
}

header p:last-of-type {
  margin-bottom: 0;
}

/* hero */

.hero-container > .cell a {
  overflow: hidden;
  display: block;
}

figure {
  position: relative;
  width: 100%;
  height: 430px;
  background-size: cover;
  background-position: center center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

figure:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.tgb figure {
  background-image: url('../images/tgb-bg.jpg');
}

.msu figure {
  background-image: url('../images/msu-bg.jpg');
}

figure img {
  width: 215px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

/* section */

.tgb section, .msu section {
  padding: 2rem 0.625rem;
}

h3 {
  font-weight: 300;
  font-size: 0.938rem;
  text-transform: uppercase;
  color: #131729;
}

h2 {
  font-weight: 300;
  font-size: 1.75rem;
  text-transform: uppercase;
}

.tgb h2 {
  color: #76bebd;
}

.msu h2 {
  color: #6bb662;
}

hr {
  width: 55px;
}

.tgb hr {
  border-bottom: 2px solid #76bebd;
}

.msu hr {
  border-bottom: 2px solid #6bb662;
}

.button {
  border-radius: 5px;
  text-transform: uppercase;
  padding: .375rem .75rem;
  font-size: .9rem;
  border: 1px solid transparent;
  color: #fff !important;
  cursor: pointer;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  text-decoration: none !important;
  width: 150px;
  display: inline !important;
}

.tgb .button {
  background-color: #76bebd;
}

.tgb .button:hover, .tgb .button:focus {
  background-color: #fff;
  color: #76bebd !important;
  border: 1px solid #76bebd;
}

.msu .button {
  background-color: #6bb662;
}

.msu .button:hover, .msu .button:focus {
  background-color: #fff;
  color: #6bb662 !important;
  border: 1px solid #6bb662;
}


/* footer */

footer {
  padding-top: 2rem;
}

footer p {
  font-size: 0.688rem;
}

footer .cake {
  width: 48px;
  margin-left: 0.313rem;
}

@media screen and (min-width: 40em) {


/*----------------------------------
content
----------------------------------*/

/* header */

header {
  width: 520px;
  margin: 0 auto;
  padding: 4.625rem 0;
}

header h1 {
  font-size: 2.375rem;
}

/* section */

.tgb section, .msu section {
  width: 300px;
  margin: 0 auto;
  padding: 4.375rem 0.9375rem;
}

}


@media screen and (min-width: 64em) {


}