/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

.spanclass {
    font-family: Calisto MT;
    font-size: 1.25em;
    margin-left: .5em;
    text-align: justify;
    text-justify: initial;
    /*padding:1em;*/
}

.spanclass6 {
    font-family: 'Sitka Small';
    font-size: 1em;
    font-weight: 700;
    margin-left: 0em;
}

.spanclass7 {
    font-family: 'Sitka Small';
    font-size: 0.8em;
    font-weight: 500;
    margin-left: 0em;
}

h31 {
    /* color: #04cf3a;*/
    font-family: 'Calisto MT';
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 2em;
    font-weight: 700;
}

h32 {
    /* color: #04cf3a;*/
    font-family: 'Sitka Small';
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1.2em;
    font-weight: 700;
}

h35 {
    font-size: 1.4em; /*color:#ffd800;
    color:#04cf3a ;
    background-color: #04cf3a;*/
    /*color: #fff;*/
    font-family: 'Sitka Small';
    font-weight: 700;
}

h38 {
    font-family: 'Sitka Small';
    font-size: 0.8em;
    font-weight: 700;
    margin-left: 2em;
}

h39 {
    font-family: 'Sitka Small';
    font-size: medium;
    font-weight: 600;
    margin-left: 3%;
}

.p1 {
   /* width: 70%;*/
    text-align: justify;
    font-size: medium;
    font-family: 'Sitka Small';
    margin-left:3%;
}

.p2 {
    /*width: 70%;*/
    text-align: justify;
    font-size: medium;
    font-family: 'Sitka Small';
    margin-left: 0%;
    margin-bottom: 0.5em;
}

.p3 {
    /*width: 70%;*/
    text-align: justify;
    font-size: medium;
    font-family: 'Sitka Small';
    font-weight: 600;
    margin-left: 0%;
}

.Img1 {
    margin-left: 2%;
}

.img2 {
    position: relative; /* or static */
    z-index: 1; /* lower than menu bar */
    
}

.imghead1 {
text-align:center;

}

.spanclass2 {
    /*font-family:Calisto MT;*/
    font-size: 1.3em;
    font-weight: bolder;
    margin-left: 5%;
    /* border-bottom:0.3em solid green;*/
}

spanclass4
.spanclass3 {
    font-family: Calisto MT;
    font-size: 1.75em;
    font-weight: 500;
    color: #ffd800;
    border-bottom: 0.3em solid green;
}

.right-gborder {
    width: 100%;
    border-right: 2px solid olive; /* thickness, style, color */
    padding: 10px; /* optional spacing inside */
}

.td1 {
    width: 60%;
    margin-left: 10%;
    text-align: justify;
}

.td2 {
    width: 35%;
    margin-left: 10%;
    text-align: center;
    position:relative;
    vertical-align:top;
   
}
.fixed {
    position: fixed;
   
}

.tdhead {
    width: 50%;
    height: 3em;
    /*background-color:#04cf3a;*/

   /* background-color: #33cc33;*/
}

.btn1 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}