@media only screen and (min-width:1120px){
    /* styles for browsers larger than 1120px; */
iframe{
width:100%;
height: 2120px;
border: 0;
overflow: hidden;
margin-left:0;

}
}

@media only screen and (min-width:960px) and (max-width:1120px){
    /* styles for browsers larger than 960px but smaller than 1120px; */
iframe{
width:100%;
height: 2290px;
border: 0;
overflow: hidden;
margin-left:0;

}
}

@media only screen and (min-width:795px) and (max-width:960px){
    /* styles for browsers larger than 800px but smaller than 960px; */
iframe{
width:100%;
height: 2460px;
border: 0;
overflow: hidden;
margin-left:0;

}
}

@media only screen and (min-width:740px) and (max-width:795px){
    /* styles for browsers larger than 600px but smaller than 800px; */
iframe{
width:100%;
height: 2600px;
border: 0;
overflow: hidden;
margin-left:0;

}
}

@media only screen and (min-width:700px) and (max-width:740px){
    /* styles for browsers larger than 600px but smaller than 800px; */
iframe{
width:100%;
height: 2770px;
border: 0;
overflow: hidden;
margin-left:0;

}
}

@media only screen and (min-width:630px) and (max-width:700px){
   /* styles for browsers smaller than 768px but larger than 620px  */
   iframe{
width:100%;
height:3000px;
border: 0;

}
}

@media only screen and (min-width:550px) and (max-width:630px){
   /* styles for browsers smaller than 630px but larger than 550px  */
   iframe{
width:100%;
height:3270px;
border: 0;

}
}
@media only screen and (min-width:480px) and (max-width:550px){
   /* styles for browsers smaller than 550px but larger than 480px  */
   iframe{
width:100%;
height:3560px;
border: 0;

}
}
@media only screen and (min-width:415px) and (max-width:480px){
   /* styles for browsers smaller than 480px but larger than 415px*/
   iframe{
width:100%;
height:3880px;
border: 0;

}
}
@media only screen and (max-width:415px){
   /* styles for browsers smaller than 415px  */
   iframe{
width:100%;
height:5000px;
border: 0;

}
}

h1, h2, h3, h4, h5, h6 {
padding-bottom: 0.3em;
}

h1 {
font-size:40px;
}
h2 {
font-size:30px;
}
h3 {
font-size:20px;
}
h4 {
font-size:16px;
font-style:bold;
}
p {
margin-left:auto;
margin-right:auto;
}

p, ul, ol {
font-size: 1.1em;

}
code {
font-family:"Courier New", Courier, monospace;
color: #222222;
}
.uniqueimg {
float:left;
margin: 0 15px 15px 0;
padding: 5px;
border: 1px solid #aaa;
}
.right {
float:right;
margin-left: 1rem;
}
ul {
max-width:700px;
margin-right:auto;
}

table.GeneratedTable {
width: 300px;
background-color: #ffffff;
border-collapse: collapse;
border-width: 1px;
border-color: #102d06;
border-style: solid;
color: #000000;
}

table.Table {
width: 400px;
background-color: #ffffff;
border-collapse: collapse;
border-width: 2px;
border-color: #102d06;
border-style: solid;
color: #000000;
}

table.GeneratedTable td, table.GeneratedTable th, table.Table td, table.Table th{
border-width: 2px;
border-color: #102d06;
border-style: solid;
padding: 3px;
text-align: center;
}

table.GeneratedTable th, table.Table th {

color: #007c41;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

table.GeneratedTable thead, table.Table thead{
/* background-color: #007c41; */
background-color:#F7FF93;


}

pre{
  padding:none;
  margin:none;
  border:none;
background-color: #eee;
border: 1px solid #999;
}
pre code {
background-color: #eee;
border: 1px solid #999;
display: block;
padding: 2 px;
}
.part1{font-size: 1.2rem;}
.part1h{font-size: 1.4rem;}

.content {
padding: 2rem;
max-width: 90rem;
margin: auto;
}

.content video, .content img {
margin: auto;
display: block;
border-radius: 6px;
margin-bottom: 1.3rem;



}
@media only screen and (min-width: 768px) {
/* For desktops */
.content video, .content img {
  
float: right;
/* margin-top: 1rem; */
/* margin-bottom: 1rem; */
margin-left: 1rem;

}
}

.content video, .content img {
box-shadow: rgba(134, 134, 160, 0.33) 0px 8px 26px;
}
@media only screen and (max-width: 470px) {
/* For mobile phones */
.content video, .content img {
width: 100%;

}
}
p, .p {

overflow: hidden;
display: block;
}

.banner {
display: flex;
justify-content: center;
}