* {
			margin: 0;
			padding: 0;
		}

body{
width:100%;
font-family:Verdana;
color:#2d2d2d;
text-align:justify;
background-color: #fff;
text-decoration: none;

}

.banner{
width: 100%;
height: auto;
position: relative;
}

.top{
position: fixed;
margin-left: 65%;
margin-top: 70px;
padding: 5px;
font-size: 20px;
font-weight: bold;
background-color: red;
color: white;
opacity: 70%;
text-align: center;
z-index: 100;
}

		.section {

            padding: 5%;
			background-color: #d3d9df;
			font-size: 16pt;
			color: black;
			text-align: justify;

		}



.nav{
display: flex;
max-width: 100%;
width: 100%;
height: 100%;

}


.responsive{
max-width: 480px;
width: 100%;
max-height: 350px



.links{

padding: 1%;
text-align: center;
background-color: #000000;
}



.videos{
background-color: #a8becf;
padding-left: 10%;
padding-right: 10%
}




@media screen and (min-width: 1224px) {	
	#page-content {width: 70%;}
}
@media screen and (min-width: 1044px) and (max-width: 1224px) {
	#page-content {width: 80%;}
}
@media screen and (min-width: 844px) and (max-width: 1044px) {
	#page-content {width: 90%;}
}
@media screen and (max-width: 844px) {
	#page-content {width: auto; margin: 0;}
	#main-content {float:left; width:100%;}
	#sidebar {display:none;}
	#header {display:block;}
}
/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
  div.example {
    font-size: 80px;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  div.example {
    font-size: 30px;
  }
}