/*different Browsers = the same*/
*{box-sizing: border-box;}
body{
    font-family: 'Baloo Bhaijaan 2', sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
/*Header Info Here*/
header{
    background: #DCDCDC;
    padding: 1rem 2vw;
    display: flex;

}
header h1{
    margin: 0;
    color: #024873;
    
}
header div{
    padding-left: 2vw;
}
header p{
    margin: 0;
    color: #024873;
    letter-spacing: .5px;    
}


/* navigation here*/
/* small screens*/
@media only screen and (max-width: 600px)   {
   nav ul{
        margin: 0;
        padding: 0 2vw;
        list-style-type: none;
        width: 60px;
    }
   nav a {
        display: block;
        padding: .3rem;
        text-decoration: none;
        font-weight: 400;
        text-transform: capitalize;
        text-align: center;
        border-bottom: solid 1px #9932CC;
        color: #87CEFA; 
    }
   nav .active a{
        background-color: #024873;
        background-image: linear-gradient(to right, #87cefa,#629abd);
        color: #9932CC;
    }
div.dropdown{
    float: left;
    overflow: hidden;
}

} /*end of media query*/
/*wide screens*/
@media only screen and (min-width: 601px)   {
    nav{
        background-color: #87CEFA;
    }
    nav ul{
        list-style-type: none;
        padding: 0 2vw;
        margin: 0;
        display: flex;
        width: 60px;
    }
    nav a{
        font-size: 1.1rem;
        text-decoration: none;
        color:#024873;
        font-weight: 700;
        display: block;
        padding: .3rem 2rem;
    }
    nav li.active a {
        background-color: #024873;
        color: #87CEFA;
    }
    
    nav a:hover {
        color:white;
        }
} /*end of media query*/


/*Main tag section*/
main {
    padding: 1rem 2vw;
}
main h1 {
    color:#9932CC;
}
main h2 {
    color:#024873;
    margin-bottom: .2rem; 
}
main p {
    color: #2f3133;
    margin: 0 0 .3rem 0;
    border-radius: 5px;
    padding: .5rem;
}
main ol {
    padding: .5rem 3vw;
    background-color: #DCDCDC;
}
main dl dt{
    color:#9932CC;
    font-weight: 700;
}
main dl dd{
    color: #024873;
    font-size: .9rem;
}
main ul {
    list-style-type:circle;
}
main ul li{
    line-height: 125%;
    margin-bottom: .5rem;
    font-size: .9rem;
}
main address {
    font-style: normal;
    background-color: #87CEFA;
    padding: .5rem;
    width: 12.5rem;
    border: 1px solid #024873;
    border-radius: 5px;
}
main a {
    color:#024873;
}
main a:hover {
    color:rgb(111, 159, 179);
}
.hero {
    width: 100%;
    margin: 0;
}
.hero img{
    width:100%;
    margin: 0;
    height: auto;
}


figure.wrapped {
    width: 30%;
    margin: 0 0 0 2rem;
    float: right;
}
figure.wrapped img{
    width: 100%;
    height: auto;
}

figure.wrapped figcaption{
    text-align: center;
    height: auto;
}
.sashagallery{
    display: flex;
    flex-wrap: wrap;
}
.sashagallery figure{
    margin: .5rem 2% 0 0;
}
.sashagallery figcaption{
    text-align: center;
    font-size: .8rem;
    color:#87CEFA;

}
.sashagallery img{
    width: 98%;
    height: auto;
}
.sashagallery img:hover{
    box-shadow: 8px 8px 7px #9932CC;
}
form {
    border-radius: 1rem;
    padding: 2rem;
    background-color: #DCDCDC;
    color: #9932CC;
    margin: 5%;
}
form fieldset{
    padding: 1rem;
    margin: 0 1rem;
}
.myForm [type=submit]{
    background-color: #43a0b6;
    border: none;
    padding: 1rem 2rem;
    border-radius: 10px;
    color: white;
    margin: 1rem 0 0 1vw;}
.myForm [type=submit]{
    background-color: #024873;
    border: solid #9932CC;
    padding: 1rem 2rem;
    border-radius: 10px;
    color: #87CEFA;
    margin: 1rem 0 0 1vw;
    font-size: larger;    
}
table.our-cost{
    width: 100%;
    border-collapse: collapse;
}

table.our-cost th{
    background-color: #9932CC;
    color: white;
    padding: .5rem 2vw;
    text-align: left;
}
table.our-cost td{
    color: #629abd;
    padding: .4rem 2vw;
}
table.our-cost tr:nth-child(odd){
    background-color: #f7f7f7;
}
table.our-cost tr:hover{
    background-color: rgba(64, 151, 223, 0.2);
}
/*footer*/
footer{
    background-color:#dcdcdc;
    text-align:center;
    color: #024873;
    padding: 1rem 0;
    font-size: .8rem;
}

footer a{
    color: #024873;
}
header, nav, main, footer{
    max-width: 64rem;
    margin: 0 auto;

}