@font-face {
  font-family: SuisseWorks-Medium;
  src: url('fonts/SuisseWorks-Medium.otf');
}

@font-face {
  font-family: Madera-Regular;
  src: url('fonts/Madera-Regular.otf');
}

@font-face {
  font-family: Madera-Medium;
  src: url('fonts/Madera-Medium.otf');
  font-style:normal;
}

html {
  scroll-behavior: smooth;
}

p,li,a,.navbar-brand
{
	font-family: 'Madera-Regular';
}

li a
{
	font-size: 1.1rem;
	color: black !important;
}

p a {
    text-decoration: none;
    color: inherit;
    outline: none;
}

p a:link,
 p a:visited {
  color:#000!important;
  text-decoration:underline;
  background:transparent!important;
  background-image:none!important;
  border-bottom-color:transparent!important
 }

iframe
{
	border-style: solid;
	border-width: 6px;
	border-color: black;
}

.footerLogos a
{
	width:100%;
}

@media (min-width: 500px) 
{
	.footerLogos > div
	{
		-ms-flex-pack: justify!important;
    	justify-content: space-between!important;
	}	

	.footerLogos > div > div
	{
		align-self: center;
	}
}
@media (max-width: 499px) 
{
	.footerLogos
	{
		margin-top: 3rem!important;
	}
	
	.footerLogos > div > div
	{
		width: 100%;
		text-align: center;
	}	
}


@media (max-width: 575px) 
{
	header h1
	{
    	font-size: 3rem !important;
  	}

  	.imageSquareMargin
  	{
  		 margin-left: 30px !important;
  		 margin-right: 30px !important;
  	}

  	.MarginToImage
  	{
  		margin-top: 4rem !important;
  	}

  	iframe
	{
		height: 300px;
	}
}

@media (min-width: 576px) 
{
	header h1
	{
    	font-size: 4rem !important;
  	}
  	.imageSquareMargin
  	{
  		 margin-left: 100px !important;
  		 margin-right: 100px !important;
  	}

  	iframe
	{
		height: 450px;
	}
}

@media (max-width: 767px)
{
	.footerLogos a
	{
		height: 30px !important;
	}
}

@media (min-width: 768px)
{
	.footerLogos a
	{
		height: 50px  !important;
	}
}

@media (min-width: 992px)
{
	iframe
	{
		height: 700px;
	}
}

.carousel-caption {
	font-size: 80%;
	position: relative !important;
	left: unset !important;
	right: unset !important;
	bottom: unset !important;
	color: currentColor !important;
}

.carousel-caption a:link, .carousel-caption a:visited {
	color:  currentColor !important;
}