body {
  font-family: 'Work Sans', sans-serif;

}

*,
::before,
::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  background-color: white;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  line-height: 1.45;
  color: #333;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: rgb(4, 4, 45);
}


h1 {
  font-size: calc(1.61803398875 * 2em);
  /* Set the font size using the golden ratio */
}

h2 {
  font-size: calc(1.61803398875 * 1.5em);
  /* Set the font size using the golden ratio */
}

h3 {
  font-size: calc(1.61803398875 * 1.25em);
  /* Set the font size using the golden ratio */
}

h4 {
  font-size: calc(1.61803398875 * 1em);
  /* Set the font size using the golden ratio */
}

h5 {
  font-size: calc(1.61803398875 * 0.875em);
  /* Set the font size using the golden ratio */
}

h6 {
  font-size: calc(1.61803398875 * 0.75em);
  /* Set the font size using the golden ratio */
}

p {
  font-size: 1em;
  /* Set a base font size */
  line-height: 1.61803398875;
  /* Set the line height using the golden ratio */
}

.navbar-brand {
  font-family: 'Work Sans', sans-serif;
  font-weight: bold;
}

:root {
  --btn-color: #040434;
  --btn-bg: #76c9ff;
  --btn-border-color: #6ab4e5;
  --btn-hover-color: #fff;
  --btn-hover-bg: #528cb2;
  --btn-hover-border-color: #528cb2;
  --btn-focus-shadow-rgb: 49, 132, 253;
  --btn-active-color: #fff;
  --btn-active-bg: #528cb2;
  --btn-active-border-color: #528cb2;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #fff;
  --btn-disabled-bg: #91d3ff;
  --btn-disabled-border-color: #91d3ff;
  --fb-bg: #3b5998;
  --twiter-bg: #00acee;
  --insta-bg: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  --lin-color: #0077b5;
  --git-color: #171515;

}


/* i.fa-brands.fa-square-facebook {
  color: var(--fb-bg);
}

i.fab.fa-twitter {
  color: var(--twiter-bg);
}

i.fab.fa-instagram {
  color: #fff;

  background: var(--insta-bg);
}

i.fab.fa-linkedin {
  color: var(--lin-color);
}

i.fab.fa-github {
  color: var(--git-color);
}
 */

a {
  text-decoration: none;
}

a:hover {
  cursor: pointer;
}

.custom-text-color {
  color: #80aad6;
  font-weight: 600;
}

.navbar-nav a:hover {
  text-decoration: underline;
  font-weight: 600;
}

.navbar-nav a:active {
  font-weight: 800;
  text-decoration: underline;
}

.navbar-text a:hover {
  text-decoration: none;
}

.navbar-brand {
  font-family: 'Work Sans', sans-serif;
  font-weight: bold;
}

.custom-icon:hover {
  transform: scale(1.5);
}

.custom-btn-color {
  background-color: #ffe038;
}

.custom-footer a:hover {
  text-decoration: underline;
  font-weight: 600;
}

.custom-contact a:hover {
  text-decoration: underline;
  font-weight: 500;
}

.active {
  font-weight: 500;
}

@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,600,700");

.container-content {


  margin-top: 2rem;

}

/* .header {
  grid-column: 2 / 5;
} */

.heading {
  font-family: Montserrat, sans-serif;
}

.header .subheading {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: smaller;
  color: #455A64;
}

.content {

  text-align: justify;
  font-size: 1.1rem;
  line-height: 1.4;
}

.content .poster-image {
  width: 100%;
  height: 30%;
  object-fit: cover;
}

.aside .heading {
  margin: 0;
  font-weight: 600;
}

.card p {
  margin: 0;
}

.card-title {
  font-size: 0.8rem;
}

.card .author {
  font-size: small;
}


.fnav {
  list-style-type: none;
  padding-left: 0;
}

.fnav li {
  padding: 0.2rem 0;
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  h1 {
    font-size: calc(1.61803398875 * 1.05em);
  }

  h2 {
    font-size: calc(1.61803398875 * 1em);
  }

  h3 {
    font-size: calc(1.61803398875 * 0.95em);
  }

  h4 {
    font-size: calc(1.61803398875 * 0.9em);
  }

  h5 {
    font-size: calc(1.61803398875 * 0.85em);
  }

  h6 {
    font-size: calc(1.61803398875 * 0.8em);
  }

  p {
    font-size: calc(1em + 0.1vw);
  }

  .content .poster-image {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  h1 {
    font-size: calc(1.61803398875 * 1.075em);
  }

  h2 {
    font-size: calc(1.61803398875 * 1.025em);
  }

  h3 {
    font-size: calc(1.61803398875 * 0.975em);
  }

  h4 {
    font-size: calc(1.61803398875 * 0.925em);
  }

  h5 {
    font-size: calc(1.61803398875 * 0.875em);
  }

  h6 {
    font-size: calc(1.61803398875 * 0.825em);
  }

  p {
    font-size: calc(1em + 0.075vw);
  }

  .content .poster-image {
    width: 100%;
    height: 400px;
    object-fit: cover;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  h1 {
    font-size: calc(1.61803398875 * 1.1em);
  }

  h2 {
    font-size: calc(1.61803398875 * 1.05em);
  }

  h3 {
    font-size: calc(1.61803398875 * 1em);
  }

  h4 {
    font-size: calc(1.61803398875 * 0.95em);
  }

  h5 {
    font-size: calc(1.61803398875 * 0.9em);
  }

  h6 {
    font-size: calc(1.61803398875 * 0.85em);
  }

  p {
    font-size: calc(1em + 0.05vw);
  }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  h1 {
    font-size: calc(1.61803398875 * 1.125em);
  }

  h2 {
    font-size: calc(1.61803398875 * 1.075em);
  }

  h3 {
    font-size: calc(1.61803398875 * 1.025em);
  }

  h4 {
    font-size: calc(1.61803398875 * 0.975em);
  }

  h5 {
    font-size: calc(1.61803398875 * 0.925em);
  }

  h6 {
    font-size: calc(1.61803398875 * 0.875em);
  }

  p {
    font-size: calc(1em + 0.03vw);
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  h1 {
    font-size: calc(1.61803398875 * 1.15em);
  }

  h2 {
    font-size: calc(1.61803398875 * 1.1em);
  }

  h3 {
    font-size: calc(1.61803398875 * 1.05em);
  }

  h4 {
    font-size: calc(1.61803398875 * 1em);
  }

  h5 {
    font-size: calc(1.61803398875 * 0.95em);
  }

  h6 {
    font-size: calc(1.61803398875 * 0.9em);
  }

  p {
    font-size: calc(1em + 0.02vw);
  }
}