html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}

html,body{font-family:Verdana,sans-serif;font-size:18px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}
hr{border:0;border-top:1px solid #eee;margin:20px 0}

body,h1,h2,h3,h4,h5 {
	font-family: "Raleway", sans-serif:}
*{
	margin: 0px;
	padding: 0px;
}
.light-grey{
	color:#000!important;
	background-color:#f1f1f1!important;

}
.content{
	max-width:980px;
	margin-top:0px;
}


#img{width: 70%;}

.tag{
	background-color:#000;
	color:#fff;
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
	text-align:center;
}


header{
	background-color: #4285f4;
	color: white;
}
.title{
	font-family: Rockwell;
	font-size: 250%;
	margin-top: 0px;
}

.para a{
	color: yellow;
}
.para a:hover{
	
	text-decoration: none;
	color: pink;
}
.menu{
	margin-right: 30px;
	font-weight: bold;
	font-size: 22px;
}

.main{
	margin:16px!important;
	margin-top:16px!important;
	width: 65%;
	height: auto;
	color:#000!important;
	background-color:#fff!important;
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
}

.container{
	padding:0.01em 16px;
	
}
footer{
	color: white;
	background-color: black;
	height: 120px;
	line-height: 20px;
	padding-top: 10px;
}

footer h3,p{
	font-size: 100%;
}

.opacity{
	opacity:0.60;
}
footer a{
color: white;
text-decoration: none;

}
footer a:hover{
	color: pink;
}

.tab{
	width:70%;
	border: 1px solid #FF1493;
	
}






@media (min-width: 320px) and (max-width: 480px) {
  
.main{
	margin:16px!important;
	margin-top:16px!important;
	width: 100%;
	height: auto;
	color:#000!important;
	background-color:#fff!important;
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
}

.container{
	padding:0.01em 16px;
	
}
  #img{width: 100%;}
  h2{font-size: 100%;}
   p{text-align: right;}


.tab{
	width:100%;
	border: 1px solid #FF1493;}
.title{font-size: 180%;text-align: center;}



}

@media (min-width: 481px) and (max-width: 767px) {
  
.main{
	margin:16px!important;
	margin-top:16px!important;
	width: 90%;
	height: auto;
	color:#000!important;
	background-color:#fff!important;
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
}

.container{
	padding:0.01em 16px;
	
}
  #img{width: 100%;}
  h2{font-size: 100%;}
   p{text-align: right;}

.tab{
	width:100%;
	border: 1px solid #FF1493;}

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
.main{
	margin:16px!important;
	margin-top:16px!important;
	width: 80%;
	height: auto;
	color:#000!important;
	background-color:#fff!important;
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
}

.container{
	padding:0.01em 16px;
	
}
  #img{width: 80%;}
  h2{font-size: 100%;}
   p{text-align: right;}

   .tab{
	width:80%;
	border: 1px solid #FF1493;}


}