@font-face { 
  font-family: 'gotham';
  src: url('./gotham/book/Gotham-Book.ttf') format('truetype');
  src: url('./gotham/book/Gotham-Book.eot'); /* IE9 Compat Modes */
  src: url('./gotham/book/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./gotham/book/Gotham-Book.woff2') format('woff2'), /* Super Modern Browsers */
       url('./gotham/book/Gotham-Book.woff') format('woff'), /* Pretty Modern Browsers */
       url('./gotham/book/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./gotham/book/Gotham-Book.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face { 
  font-family: 'gotham-bold';
  src: url('./gotham/GothamBold.eot'); /* IE9 Compat Modes */
  src: url('./gotham/GothamBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url("./gotham/Gotham-Bold.otf") format("opentype"), /* Open Type Font */
       url('./gotham/GothamBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('./gotham/GothamBold.woff') format('woff'), /* Pretty Modern Browsers */
       url('./gotham/GothamBold.ttf')  format('truetype'), /*   Safari, Android, iOS */
       url('./gotham/GothamBold.svg#svgFontName') format('svg'); /* Legacy iOS */
       font-weight: normal;
       font-style: normal;
}

@font-face { 
  font-family: 'gotham-light';
  src: url('./gotham/book/Gotham-Book.ttf') format('truetype');
  src: url('./gotham/book/Gotham-Book.eot'); /* IE9 Compat Modes */
  src: url('./gotham/book/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./gotham/book/Gotham-Book.woff2') format('woff2'), /* Super Modern Browsers */
       url('./gotham/book/Gotham-Book.woff') format('woff'), /* Pretty Modern Browsers */
       url('./gotham/book/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./gotham/book/Gotham-Book.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body{
  font-family: gotham, Arial, non-serif;
}

html {
  position: relative;
  min-height: 100%;
}

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

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

body {
  /* margin-bottom: 60px;  */
  
  background-image: url("../assets/Anne-Homeweek.jpeg");
  background-position: 55% center;
  background-color: #eeeeee;
  background-repeat: no-repeat;
  background-size: cover;
}

h1{
  font-family: gotham-bold, Arial, non-serif;
  font-size: 3.6em;
}

h2{
  font-size: 2em;
  font-weight: 400;
}

h3{
  font-size: 1.5em;
  line-height: 1.6em;
  font-weight: 400;
}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 120px; /* Set the fixed height of the footer here */
  line-height: 120px; /* Vertically center the text there */
  background-color: none;
}

.main_wrapper{
  height: 100vh;
  margin-bottom: -120px;
  display: flex;
  align-items: center;
  padding-left: 10%;
}

.main_container{
  color: #fff;
  width: 100%;
  max-width: 700px;

}

.footer_container {
  width: auto;
  max-width: 680px;
  padding-left: 10%;
  margin: 0;
  font-weight: bolder;
  color: #fff;
}

.social_icons a{
  margin: 5px 10px 5px 0;
}

.social_icons img{
  width: 100%;
  height: auto;
  max-width: 40px;
}

@media (max-width : 767px) {

  .main_wrapper{
    height: inherit;
    display: block;
    padding: 80px 37px;
  }

  h1{
    font-size: 2.6em;
  }
  
  h2{
    font-size: 1.6em;
    font-weight: 400;
  }
  
  h3{
    font-size: 1.2em;
    line-height: 1.4em;
    font-weight: 400;
  }

}