/*@font-face {
  font-family: 'proxima nova alt black_0';
  src: url('../fonts/MARK-SIMONSON-PROXIMA-NOVA-ALT-BLACK_0.OTF');
}
@font-face {
  font-family: 'proxima nova alt bold_0';
  src: url('../fonts/MARK-SIMONSON-PROXIMA-NOVA-ALT-BOLD_0.OTF');
}
@font-face {
  font-family: 'proxima nova alt extrabold_0';
  src: url('fonts/MARK SIMONSON - PROXIMA NOVA ALT SEMIBOLD_0.OTF');
}
@font-face {
  font-family: 'proxima nova alt light';
  src: url('fonts/MARK SIMONSON - PROXIMA NOVA ALT LIGHT_0.OTF');
}
@font-face {
  font-family: 'proxima nova alt regular';
  src: url('fonts/MARK SIMONSON - PROXIMA NOVA ALT REGULAR_0.OTF');
}
@font-face {
  font-family: 'proxima nova alt light italic';
  src: url('fonts/MARK SIMONSON - PROXIMA NOVA ALT LIGHT ITALIC_0.OTF');
}
@font-face {
  font-family: 'proxima nova alt semibold italic';
  src: url('fonts/MARK SIMONSON - PROXIMA NOVA SEMIBOLD ITALIC_0.OTF');
}
@font-face {
  font-family: 'proxima nova alt regular italic';
  src: url('fonts/MARK-SIMONSON-PROXIMA-NOVA-ALT-REGULAR-ITALIC_0.OTF');
}
@font-face {
  font-family: 'proxima nova alt semibold';
  src: url('fonts/MARK SIMONSON - PROXIMA NOVA SEMIBOLD_1.OTF');
}*/
@font-face {
  font-family: 'alfred sens';
  src: url('../fonts/AlfredSans-Regular.ttf');
}
@font-face {
  font-family: 'proxima nova alt regular italic';
  src: url('../fonts/MARK-SIMONSON-PROXIMA-NOVA-REGULAR-ITALIC_0.OTF');
}
@font-face {
  font-family: 'alfred sens nope';
  src: url('../fonts/AlfredSans-Italic.ttf');
}
/*.proxima-nova-alt-black {
  font-family: proxima nova alt black_0;
}
.proxima-nova-alt-light {
  font-family: proxima nova alt light;
}
.proxima-nova-alt-regular {
  font-family: proxima nova alt regular;
}
.proxima-nova-alt-light-italic {
  font-family: proxima nova alt light italic;
}
.proxima-noav-alt-semibold {
  font-family: proxima nova alt semibold;
}
*/
.alfred-sens-italic h3{
  font-family: alfred sens nope !important;

}
.proxima-nova-alt-regular {
  font-family: proxima nova alt regular italic;
}
.teaching-learning h1 {
  font-family: alfred sens !important;
  font-size: 3rem !important;
}
.nobel-series-header {
  margin-top: 90px;
}
.nobel-series-text {
  font-family: alfred sens;
  font-size: 40px !important;
}

.about-content p {
  font-family: alfred sens;
  font-size: 15px !important;
  color: #707070;
}

.nobel-museum-exhibition {
  padding-top: 18em;
  font-family: alfred sens !important;
  letter-spacing: 1px;
}

.dialogue-at-nabi-pau, .book-your-visit {
  margin-top: 110px;

}

.book-your-visit h1 {
  font-family: alfred sens;
  font-size: 40px;
}
.nobel-series-date {
  font-family: alfred sens;
  font-size: 30px;
}
.book-your-visit h3 {
  font-family: alfred sens;
  font-size: 30px;
}

.choose-preferred {
  font-size: 15px !important;
}
 .general h1 {
  font-family: alfred sens !important;
  font-size: 40px;
}
.dialogue-at-nabi-pau h1 {
  font-family: alfred sens !important;
  font-size: 30px;
  margin-bottom: 30px;
}
.nav-item a {
  color: #707070 !important;
}
.text-yellow {
  color: #CB9E52;
}

.text-blue {
  color: #397B9F;
}

.bg-active-blue {
  background-color: #397B9F;
}

.bg-grey {
  background-color: #ECEAEA;
}

.bg-grey-2 {
  background-color: #707070;
}

.text-yellow-2 {
  color: #E6F92E;
}
/* Calendar */
* {box-sizing: border-box;}
ul {list-style-type: none;}


.month {
  padding: 4px 2px;
  width: 100%;
  text-align: center;
  font-family: alfred sens;
  font-size: 20px;
}

.month ul {
  margin: 0;
  padding: 0;
}

.month ul li {
  color: black;
  text-transform:capitalize;
  letter-spacing: normal;
}

.month .prev {
  float: left;
  padding-top: 5px;
  font-size: 12px;
}

.prev, .next {
  cursor: pointer;
}
.month .next {
  float: right;
  padding-top: 5px;
  font-size: 12px;
}

.weekdays {
  margin: 0;
  padding: 6px 0;
  background-color: #ddd;
}

.weekdays li {
  display: inline-block;
  width: 13%;
  color: #666;
  text-align: center;
}

.days {
  padding: 10px 0;

  margin: 0;
}

.days li {
  list-style-type: none;
  display: inline-block;
  width: 13%;
  text-align: center;
  margin-bottom: 5px;
  font-size:12px;
  color: black;
  cursor: pointer;
  font-family:
}

.active {

  background: #397B9F;
  color: white !important
}

.border-rounded {
  border-radius: 80px;
}

.vertically-center {
  padding-top: 60px;
}
/* Add media queries for smaller screens */
@media screen and (max-width:720px) {
  .weekdays li, .days li {width: 13.1%;}
}

@media screen and (max-width: 420px) {
  .weekdays li, .days li {width: 12.5%;}
  .days li .active {padding: 2px;}
}

@media screen and (max-width: 290px) {
  .weekdays li, .days li {width: 12.2%;}
}