@font-face {
    font-family: 'harabara_maisharabaramaisdemo';
    src: url('../webfonts/harabara_mais_demo-webfont.woff2') format('woff2'),
         url('../webfonts/harabara_mais_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.topheadingtitle{
	color:#fff;
}

.Oldsitefont{
	font-family: 'harabara_maisharabaramaisdemo';
}

@media screen and (min-width: 300px){
	.topheadingtitle{
	font-size:16pt;
}
}
@media screen and (min-width: 570px){
	.topheadingtitle{
	font-size:36pt;
}
}

@media screen and (min-width: 1200px){
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{
        display: block;
    }
    .dropdown-menu{
        margin-top: 0;
    }
    .dropdown-toggle{
        margin-bottom: 2px;
    }
    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
        margin-bottom: 0;
    }
}

.arr-right .breadcrumb-item+.breadcrumb-item::before {
 
  content: "›";
 
  vertical-align:top;
 
  color: #408080;
 
  font-size:35px;
 
  line-height:18px;
 
}
.breadcrumb{
	background-color:#fff;
}
.ie11flexfix{
    overflow:hidden; /* IE EDGE overflow fix */  
	min-width:200px;
}
#header {
    min-height: 80vh;
}

.btn-jumbotron {
    background-color: #5FA9CE;
	color: white;
    border: 2px white solid;
    font-size: 2rem;
}

.btn-jumbotron:hover, .btn-jumbotron:active {
    background-color: #5597b5;
	color: #fff;
    border: 2px #5597b5 solid;
}

.header-image {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.cover-img-title {
    font-size: 0.8rem;
    padding-bottom: 10px;
}

.blue-section {
    background-color: #82ccdd;
}

.btn-blue-section {
	color: white;
	background-color: #33658A;
    border: 2px #fff solid;
    font-size: 1.5rem;
}

.btn-blue-section:hover, .btn-blue-section:active {
    color: #fff;
	background: #5597b5;
	border: 2px white solid;
}

.btn-transparent {
    border: 2px solid #fff;
	color: #fff;
	background-color: transparent;
	padding: 2rem;
    font-size: 2.5rem;
}

.btn-transparent:hover, .btn-transparent:active {
    color: #223e92;
	background: #fff;
}

.green-section {
    background-color: #329E32;
}


.btn-green-section {
	color: #fff;
	background-color: #1F8722;
    font-size: 1.5rem;
    border: 2px #fff solid;
}

.btn-green-section:hover, .btn-green-section:active {
    color: #fff;
	background: #329E32;
	border: 2px white solid;
}

.yellow-section {
    background-color: #F5B700;
}

.btn-yellow-section {
    background-color: #f39c12;
    color: white;
    border: 2px white solid;
    font-size: 1.5rem;
}

.btn-yellow-section:hover, .btn-yellow-section:active {
    color: #fff;
	background: #FA9F42;
	border: 2px #fff solid;
}

.bottom-content {
    background-color: #223e92;
}

.sponsors img {
    width: auto;
    max-width: 100%;
    height: 90px;
    object-fit: contain;
}

.btn-gdpr {
    background-color: #223e92;
    color: white;
    border: 1px white solid;
}

.btn-gdpr:hover, .btn-gdpr:active {
    background-color: white;
    color: #223e92;
    border: 1px #223e92 solid;
}

.social-icons a{
    font-size: 2rem;
    color: #fff;
    margin-right: 10px;
}

.social-icons a:hover, .social-icons:active{
    color: #bfbdc1;
}

.footer {
    background-color: #282624;
}

/* Small devices (landscape phones, 767px and down) */
@media (max-width: 767px) {  
    .header-text {font-size: 2rem;}
    .heading {font-size: 2.5rem}
  }

  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {  
    .header-text {font-size: 3rem;}
    .heading {font-size: 3.5rem}
  }

  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) { 
    .header-text {font-size: 3.5rem;}
    .heading {font-size: 4rem}
  }

  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {  
    .header-text {font-size: 5rem;}
    .heading {font-size: 5rem}
  }