img {
  vertical-align : bottom;
}


@media only screen and (max-width: 750px) {
    img { max-width: 100%; 
height : auto ;
float : none ;
vertical-align : bottom;
}
}

.iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 560px) {
  .iframe-wrap {
    position: relative;
    width: 100%;
    padding: calc(315 / 560 * 100%) 0 0;
  }
  .iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}



body{
font-size:1em;
color:#000000;
margin-left:45px;
margin-right:30px;
}

@media screen and (max-width: 480px) {

body{
font-size:1em;
font-family:sans-serif;
text-align:left;
color:#000000;
margin-left:2px;
margin-right:1px;
background-color:white;
-webkit-text-size-adjust : 100%!important ;

}
}

ul {
    font-family:sans-serif;
    list-style-type: circle;
}

td{
font-size:14px;
color:snow;
line-height:150%
}

th{
font-size:12px;
color:pink;
}

td.cd{
	background-color:white;
	padding:8px;
	font-size:1pt;
}

.d1{margin-left:90px;
margin-right:80px;
line-height:140%;
}

H1 {color:black;
    font-size: 20px;
    border-width: 0px 150px 3px 10px;
    border-color: #d8defe;
    border-style: solid;
}


h6 {
    font-size: 1.1em;
    					font-family:sans-serif;
					line-height:1em;
					text-align:left;
text-shadow:
2px 8px 6px rgba(0,0,0,0.2),
0px -5px 35px rgba(255,255,255,0.6);
color: black;#
   border-width: 0px 0px 1px 0px;
    border-color: #d5fde2;
    border-style: solid;
    width: 50%;
    margin-left:15px;
    }
    
@media screen and (max-width: 480px) {
    
  
h6 {
    font-size: 1.1em;
    					font-family:sans-serif;
					line-height:1em;
					text-align:left;
text-shadow:
2px 8px 6px rgba(0,0,0,0.2),
0px -5px 35px rgba(255,255,255,0.6);
color: black;
   border-width: 0px 0px 1px 0px;
    border-color: #d5fde2;
    border-style: solid;
    width: 85%;
    margin-left:3px;  
    }
    }
    


.cap{
width:700px;
font-size:0.9em;
font-family:sans-serif;
color:#000080;
margin-top:3px; 
margin-left:12px;
margin-right:12px;
background-color:#f4feda;
padding-top:3px;
padding-bottom:3px;
padding-left:15px;
padding-right:15px;
text-align:left;
}

@media screen and (max-width: 480px) {
.cap{
width:92%;
font-size:0.9em;
font-family:sans-serif;
color:#004080;
line-height:1.5em;
margin-top:2px; 
margin-left:2px;
margin-right:2px;
background-color:#dfdfdf;
padding-top:2px;
padding-bottom:2px;
padding-right:2px;
-webkit-text-size-adjust : 100%!important ;
text-align:left;
}
}

.cap3{
width:80%;
font-size:1.8em;
font-family:sans-serif;
color:#400040;
margin-left:12px;
margin-right:12px;
background-color:#e2dbf0;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
text-align:left;

}

@media screen and (max-width: 480px) {
.cap3{
width:90%;
font-size:1.5em;
font-family:sans-serif;
color:#400040;
line-height:1.5em;
margin-left:0px;
margin-right:0px;
background-color:#e2dbf0;
padding-bottom:0px;
-webkit-text-size-adjust : 100%!important ;
text-align:left;
}
}





a{text-decoration: none}
a:link{color:crimson}
a:visited{color:green}
a:active{color:orange}
a:hover{color:crimson}