header{
    margin-left: 150px;
    margin-right: 150px;
    height: 150px;
    iframe{
        width:100%;
        height: 150px;
        border: none;
    }
    border: 5px solid black;
}

section{
  display: block;
  margin-left: 150px;
    margin-right: 150px;
  background-color: white;
  border: 5px solid black;
  h1{
   margin: 10px;
   font-family: "cd-header";
   font-size: 30px;
      text-align: center;
  }
  p1{
     margin-left: 10px;
	margin-right: 10px;
  font-family: "cd-content";
    font-size: 20px;
  }
  .cd-center{
	  
    display: block;
    text-align: center;
}
}
aside{
  position: fixed;
    float: left;
  top: 10px;
   margin-left: 25px;
    margin-right: 25px;
  height: 100%;
       width: 113px;
      iframe{
       height: 100%;
       width: 113px;
       border: 0px solid black;
      }
      border: 5px solid black;
}
footer{
 background-color: MediumVioletRed	;
  margin-left: 150px;
    margin-right: 150px;
  margin-top: 10px;
    border: 5px solid black;
    iframe{
       height: 110px;
       width: 100%;
       border: 0px solid black;
  }
}

.cd-content{
 width: 75%;
 margin: auto;
}

/* link styling */

a:link {
  color: DodgerBlue;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: DodgerBlue;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: DodgerBlue;
  background-color: transparent;
  text-decoration: none;
}
a:active {
  color: DodgerBlue;
  background-color: transparent;
  text-decoration: none;
}

/* Mobile code */
@media(orientation: portrait) { 
/* mobile CSS goes here*/ 
aside{
	display: none;
}
header{
	margin: auto;
	width: 100%;
}
footer{
	margin: auto;
	width: 100%;
}
section{
	margin: auto;
	width: 100%;
}

.cd-content{
 width: 100%;
 margin: 0;
}

}