html, body {
margin: 0;
width: 100%;
font-family: 'Varela Round', sans-serif;
color: #4f4f4f;
}

.navbar-nav li .nav-item a .nav-link{
    color: #4f4f4f;
}

.blue-button{
    background-color: #29abe2; 
    border-radius: 3px;
}

.blue-button:hover{
    background-color: #2e9fcf;
}

.pink-button{
    background-color: #ee2b7c; 
    border-radius: 3px;
}

.pink-button:hover{
    background-color: #d1286e;
}

.nav-block{
    font-family: 'Baloo Bhai', cursive;
    border-radius: 7px;
    font-size: 120%;
}
.nav-block:hover{
    background-color: #f4f4f4;
}

.nav-alert{
    margin-bottom: 0;
}

@media (max-width: 500px){
    .nav-block{
        font-size: 60%;
    }
}

.nav-divider{
    border-right: 2px solid #e5e5e5;
}

.aa-background {
    background-image: url('/src/img/anatbg.jpg');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    color: #000000;
    z-index: 1;
    background-size: cover;
    background-attachment: fixed;
}

.jt-bg{
    background-image: url('/src/img/wave-l.png');
    background-repeat: repeat;
    background-attachment: fixed;
}

.aa-logo {
    background-image: url('../src/img/AALogobg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    height: auto;
    z-index: 0;
    opacity: 0.9;
}

.aa-overlay{
    background-color: rgba(255,255,255,0.8);
    text-align: center;
    padding: 30px;
    border-radius: 1px;
    color: #4f4f4f;
}

.carousel-block{
    height: 700px;
    width: 1000px;
    background-color: #000000;
    margin: auto;
    border-radius: 20px;
}

.cara-slide{
    height: 300px;
    width: auto;
}

.img-1{
    background-image: url('/src/img/home/1-heartbeat.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 500px;
    width: auto;
}

.img-2{
    background-image: url('/src/img/home/2-high-five.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 400px;
    width: auto;
}

.img-3{
    background-image: url('/src/img/home/3-lungs.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 400px;
    width: auto;
}

.img-meet{
    background-image: url('/src/img/meet-kerstyn.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 400px;
    width: auto;
}

.img-meet-2{
    background-image: url('/src/img/int-img.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 200px;
    width: 100%;
}

.img-news{
    background-image: url('/src/img/home/Startup-Gippsland.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 400px;
    width: auto;
}

.img-news-2{
    background-image: url('/src/img/home/Startup-Gippsland-Pitch-Event.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 400px;
    width: auto;
}

.img-news-3{
    background-image: url('/src/img/home/2-news.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 400px;
    width: auto;
}

.heading-font{
    font-family: 'Baloo Bhai', cursive;
}

.box-button{
    background-color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    margin: 5px;
    color: #4f4f4f;
    font-family: 'Baloo Bhai', cursive;
}
.box-button:hover{
    background-color: #e5e5e5;
    text-decoration: none;
}

.survey-results {
    background-image: url('/src/img/results-survey.jpg');
    background-repeat: no-repeat;
    height: 300px;
    z-index: 1;
    background-size: contain;
    background-position: center;
}

.survey-results-b {
    background-image: url('/src/img/results-survey.jpg');
    background-repeat: no-repeat;
    height: 450px;
    width: 100%;
    z-index: 1;
    background-size: contain;
    background-position: center;
}

.survey-results-2 {
    background-image: url('/src/img/curric-areas.jpg');
    background-repeat: no-repeat;
    height: 300px;
    z-index: 1;
    background-size: contain;
    background-position: center;
}

.survey-results-2-b {
    background-image: url('/src/img/curric-areas.jpg');
    background-repeat: no-repeat;
    height: 450px;
    width: 100%;
    z-index: 1;
    background-size: contain;
    background-position: center;
}

.carousel-indicators {
    position: inherit;
    padding-bottom: 1px
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 7px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: #4f4f4f;   
}

.carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 7px;
    background-color: #ee2b7c;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(100%);
}


#c-bg-d {
  -webkit-transform: skewY(-3deg);
  -moz-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
  -o-transform: skewY(-3deg);
  transform: skewY(-3deg);
}

#c-bg-d .container {
  -webkit-transform: skewY(3deg);
  -moz-transform: skewY(3deg);
  -ms-transform: skewY(3deg);
  -o-transform: skewY(3deg);
  transform: skewY(3deg);
}

#c-bg-dr {
  -webkit-transform: skewY(3deg);
  -moz-transform: skewY(3deg);
  -ms-transform: skewY(3deg);
  -o-transform: skewY(3deg);
  transform: skewY(3deg);
}

#c-bg-dr .container {
  -webkit-transform: skewY(-3deg);
  -moz-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
  -o-transform: skewY(-3deg);
  transform: skewY(-3deg);
}