@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

html, body {
  font-family: Arial, Helvetica, sans-serif;
}

main {
  /* margin: auto; */
  /* width: 50%;  */
  /* padding: 20px; */
}

img.titleLogoImg{
  max-height: 2em !important;
}

.greyLink {
  color: #ffccaa;
}

.blackbordersolid{
  border: 1px solid #000000 !important;
}

img.imgRounded {
  border-radius:0.3em;
}
.parallax {
  background-image: url("img/codeBG.jpg");
/* background: rgb(0,0,0);*/
/*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,103,217,0.6194852941176471) 95%);*/

  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}


.pr4em {
  padding-right: 4em !important;
}

.mainCardContainer{
  margin-left: 1em !important;
   max-width: 90vw; 
  margin-left: 4em !important;
  margin-bottom: 6em !important;
}

.mapCardContainer{
  margin-left: 1em !important;
  /* max-width: 30vw; */
}

.caroselContainer{
  margin-left: 1em !important;
  /* max-height: 50vh;  */
}

.whyFsboCardContainer{
  margin-left: 1em !important;
}

div.borderbox {
  border: 1px solid #375a7f;
  border-radius: 0.5em;
  background-color: #dfdfdf;
  padding-top: 1em;
  padding-left: 1.4em;
  padding-bottom: 1em;
  color: #375a7f;
}
/*
p.hugeFont { 
  font-size: 10em 
};
*/


@media only screen and (max-width: 575px)
{ 
  p.hugeFont { font-size: 4em;}
}
@media only screen and (min-width: 576px)
{ 
  p.hugeFont { font-size: 6em;}
}
@media only screen and (min-width: 768px){
  p.hugeFont { font-size: 10em; }
} 
@media only screen and (min-width: 1200px){
  p.hugeFont { font-size: 12em; }
} 


/* @media only screen and (min-width: 576px) {
  .caroselContainer{
    margin-left: 1em !important;
    max-width: 100vw; 
  }
} */


/* {
  font-family: Arial, Helvetica, sans-serif;
} */

/* *
html, body {
  margin: 0;
  border: 0;
  padding: 0;
  background-color: #5f5f5f;
}

main {
  margin: auto;
  width: 50%;
  padding: 20px;
}

main > h1 {
  text-align: center;
  font-size: 3.5em;
  color:#fff;
} */