body {
}

.hand,a.hand {
    font: 400 25px/1.2 'Merienda One', Helvetica, sans-serif;
    color: rgb(0,0,0);
    /*text-shadow: 3px 3px 3px #fff;*/
    text-shadow: -1px 0 lightgrey, 0 1px lightgrey, 1px 0 lightgrey, 0 -1px lightgrey;
    text-decoration:none;
}

.navbar-inverse .navbar-nav > li > a {
    color: black;
}

.btn:hover {
    color: #fff;
    text-decoration: none;
}

.btn:active {
    color: #fff;
    text-decoration: none;
}

.activeNavbar {
    font: 400 25px/1.2 'Merienda One', Helvetica, sans-serif;
    color: white;
    text-shadow: 3px 3px 3px #fff;
}

.active {
    color: #fff;
}

.mainCaption {
    margin: 100px 0px 30px 0px;
}

.mainCaptionMargin {
    margin-left: 120px;
}

.ddlAlign {
    bottom: 5px;
}

#sendBtn {
    margin-top: 20px;
}

.bookMargin {
    margin-bottom: 20px;
}

.projectCaption {
    font-size: 23px;
    font-weight: bold;
    text-decoration: underline;
}

.projectDetails {
    font-size: 23px;
}

 .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color:#8fdffd;
    }

@media (min-width: 768px) {
    .navbar-nav {
        margin: 0 auto;
        display: table;
        table-layout: auto;
        float: none;
        width: 100%;
    }

        .navbar-nav > li {
            display: table-cell;
            float: none;
            text-align: center;
            height: inherit;
        }

    li {
        border-color: black;
        border-width: 5px;
    }
}


@media (min-width: 901px) and (max-width: 1150px) {
    .hand,a.hand  {
        font: 400 20px/1.2 'Merienda One', Helvetica, sans-serif;
        color: rgb(0,0,0);
        text-shadow: 3px 3px 3px #fff;
    }

    .activeNavbar {
        font: 400 20px/1.2 'Merienda One', Helvetica, sans-serif;
        color: white;
        text-shadow: 3px 3px 3px #fff;
    }

    
}

@media (min-width: 768px) and (max-width: 900px) {
    .hand,a.hand  {
        font: 400 15px/1.2 'Merienda One', Helvetica, sans-serif;
        color: rgb(0,0,0);
        text-shadow: 3px 3px 3px #fff;
    }

    .activeNavbar {
        font: 400 15px/1.2 'Merienda One', Helvetica, sans-serif;
        color: white;
        text-shadow: 3px 3px 3px #fff;
    }

    .ddlAlign {
        bottom: 3px;
    }

    .projectCaption {
        font-size: 20px;
        font-weight: bold;
        text-decoration: underline;
    }

    .projectDetails {
        font-size: 20px;
    }
    .homeHeader{
        position:relative;
        font-size:30px;
    }
    .homeText>h3{
        font-size:20px;
        position:relative;
    }

   
}

@media (max-width:767px) {
    .mainCaptionMargin {
        margin-left: 15px;
        /*font-size: 15px;*/
    }

    .projectCaption {
        font-size: 18px;
        font-weight: bold;
        text-decoration: underline;
    }

    .projectDetails {
        font-size: 18px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
        color:black;
    }
    .homeHeader{
        font-size:25px;
    }
    .homeText>h3{
        font-size:17px;
    }

    
}


@media (max-device-width: 800px) and (orientation: landscape) {
     .homeHeader{
        font-size:20px;
    }
      .homeText{
        font-size:17px;
    }

      .mainCaption {
    margin: 80px 0px 30px 0px;
}
}