body {
    font-family: 'Work Sans';
    text-align: center;
   /* width: 100%; */
  font-size: 11pt;
  font-weight: 300;
}

.btn {font-weight: 700;}

header {
    text-align: right;
}

nav {
    background-color: white;
    /*border-bottom: #231F20 solid 1px;*/
}

h2,h3,h4 {font-weight: 600;}

h1, strong {font-weight: 400;}

h1, h2 { font-size: 300%; }

h3 {
    font-size: 200%;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
}

/**/
/*input[type=checkbox] {
    margin-right: 0.5em;
    border-radius: 0;
    border: 0.1em solid #231F20;
    display: inline-block;
    width: 1em;
    height: 1em;
    color: transparent;
}*/

/**/

.container {
    margin: 0;
}

.btn,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
  outline: 0;
  outline-offset: 0;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

/*.navbar-light .navbar-toggler
{
    color: #231F20;
} */

.navbar-light, .navbar-toggler {
    border: 0;
    color: #231F20;
}

a.nav-link, a.nav-link:visited {
  color: #231F20;
  text-decoration: none;
  
  
}

a.nav-link strong {
  
  white-space: nowrap;
  
}

#cta-btn {
    color: #231F20;
    background-color: #47C0B9;
}

#cta-btn:hover {
    background-color: #b3e5e2;
}

.form-control {
    border: none;
    border-radius: 0;
    background-color: #E2E9EC;
    margin-top: .5rem;
}

.form-control::placeholder {
    text-align: center;
}

.subhead-text {
    
}

.sub-subhead-text {

    line-height: 1.75;
    font-weight: 300;
}

.sub-subhead-text a {
    color: inherit;
}

.eng-button {
    background-color: #47C0B9;
    color: #231F20;
    padding: 1em 2em;
    font-size: 100%;
}

a.eng-button {
    margin: 1px;
}

.eng-button:hover {
    color: #231F20;
    text-decoration: none;
    background-color: #b3e5e2;
}

.white {
    color: 231F20;
    background-color: white;
}

.black {
    color: white;
    background-color: #231F20;
}

body > .row {
    margin-left: 0;
    margin-right: 0;
    padding-left: 6.25%;
    padding-right: 6.25%;
}

.row > div {
    padding: 0;
}

.row > div:last-child {
    margin-bottom: 30px;
}

.banner-container {
    background: #fff url('Images/2x/balloon-gradient-flip.jpg') bottom center ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#survey-row {
    padding: 0;
}

#intro-graphics {
   
  min-height: 80vh; /* has to be that high to avoid text plopped over graphic */
padding: 75px 0px 0px 75px;
}


#intro-bg {
    width: 100%;
}

#intro-logo {
    position: absolute;
    top: 5%;
    right: 5%;
    width: 25%;
}

#intro-text {
    width: 75%;
  max-width: 420px;
    position: absolute;
    bottom: 10px;
    right: 10%;
  text-align: right;

}



#get-started-form {
    /* max-width: 385px; */
    /* float: center; */
    margin-left: auto;
    margin-right: auto;
    /* padding: 25px 75px; */
  background-color: rgba(255,255,255,.66);
}

#sm-ai-logo {
    max-width: 207px;
    width: 45%;
    margin-bottom: 50px;
    /*max-height: 187px;*/
}

#submit-label {
    margin-top: .5rem;
    font-size: 80%;
}

#agree {
    margin-bottom: 1em;
}

#get-started-form h4 {
    font-size: 110%;
}

#viz-container {
  
  overflow: hidden;
  
}

#powerful-visualization h2 {
    text-align: center;
}

#carousel-wrapper {
    background: url("Images/2x/Carousel-BG.png") no-repeat;
    background-size: 100%;
}

#carousel {
    margin: 0 16% 1em 16%;
}

.carousel-control-prev-icon {
    color: #231F20;
}

.carousel-control-next-icon {
    color: #231F20;
}

.carousel-indicators {
    bottom: 0;
    margin-bottom: -20px;
}

.carousel-indicators li {
    background-color: #b3e5e2;
    margin-left: 6%;
    margin-right: 6%;
    width: 75px;
    height: 6px;
  margin-top: 10px;
}

.carousel-indicators li.active {
    background-color: #47C0B9;
 
}


.carousel-inner {
  
  overflow: visible;
  
}

#presentation-ready {
    padding: 0 12%
}

#presentation-img {
    width: 100%;
}

#rid-of-spreadsheets {
    padding: 0 12%;
}

#logo-row {
    margin: 1em 0 2em 0;
}

#footer {
    padding: 0 1em;
}

#footer a, #footer a.visited {
  
  color: white;
}

#footer div { 
  margin-top: 25px;
}

#get-in-touch {
    margin-top: 1.5em;
}

#get-in-touch a {
    color: inherit;
    font-weight: bold;
}

#social-media {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

#social-media a {
    margin: 0 1em;
}

#fb {
    width: 10.5;
    height: 22.5;
}

#tw {
    width: 23.5;
    height: 19.5;
}

#ig {
    width: 23.5;
    height: 24;
}

#in {
    width: 23.5px;
    height: 23.5px;
}

#yt {
    width: 37px;
    height: 26px;
}

/* NIHIL */
@media (min-width: 0px) and (max-width: 575px) {
    #intro-graphics {
       /* min-width: 100vw; */
        /*min-height: 75vw;*/
    }

    #logo-row img {
        height: 36.5px;
    }

    .subhead-text {
    }

    #footnotes {
        font-size: 80%;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
    #intro-graphics {
       /* min-width: 576px; */
        /*min-height: 432px;*/
       /* width: 100%; */
    }

    #logo-row img {
        height: 48.7px;
    }

    .subhead-text {
    
    }

    #footnotes {
        font-size: 80%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    #intro-graphics {
       /* max-width: 544px;
        width: 100%; */
        /*min-height: 577px;*/
        /*width: 100%;*/
    }

    #get-started-form {
        min-width: 224px;
        margin-left: auto;
        margin-right: auto;
       /* max-height: 410px; */
    }

    #get-started-form .form-group,
    #get-started-form form {
        margin-bottom: 0;
    }

    #get-started-form h4 {
        font-size: 90%;
    }

 /*   #submit-label {
        font-size: 6pt;
        line-height: 1;
    }
*/
    #sm-ai-logo {
        width: 45%;
    }

    .form-control {
        margin-top: 0.25rem;
    }

    #logo-row img {
        height: 73px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
    #intro-graphics {
        /*max-width: 607px;*/
        /*min-height: 577px;*/
        /*max-width: 992px;*/
        /*max-height: 745px;*/
    }

    .form-control {
        margin-top: 0.5rem;
    }

    #logo-row img {
        height: 73px;
    }

    #get-started-form {
        margin-bottom: 0;
        min-width: 224px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #intro-graphics {
        /* max-width: 667px; */
        /*min-height: 577px;*/
        /*max-width: 992px;*/
        /*max-height: 745px;*/
    }

    .form-control {
        margin-top: 0.5rem;
    }

    #logo-row img {
        height: 73px;
    }

    #get-started-form {
        margin-bottom: 0;
        min-width: 224px;
    }
}