h1#h1{
text-align:center;
text-shadow: #C0C0C0 1px 1px 1px, #ccc -1px -1px 1px;
margin:auto;
}

article.intr{
width:60%;
margin:10px auto;
padding:10px;
border-radius:10px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
box-shadow: 10px 10px 10px 5px black;
}

article.intr-02{
margin:10px auto;
width:60%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding:10px;
border-radius:10px;
box-shadow: 10px 10px 10px 5px black;
}

h2.tit-01{
font-size:18px;
color:#fff;
text-shadow: #000 2px 2px 2px, #000 -1px -1px 1px;
text-align:center;
}

p.par-01{
color:#000;
text-align: justify;
font-size:18px;
text-shadow: #C0C0C0 1px 1px 1px, #ccc -1px -1px 1px;
}

p.par-02{
width:80%;
margin:0 auto;
color:#000;
text-align:center;
font-size:16px;
font-style:italic;
border-left: 1px solid red;
text-shadow: #C0C0C0 1px 1px 1px, #ccc -1px -1px 1px;
}

p#par-03{
color:#000;
margin:0 auto;
text-align:center;
font-size:16px;
width:80%;
font-style:italic;
border-left: 1px solid red;
text-shadow: #C0C0C0 1px 1px 1px, #ccc -1px -1px 1px;
}

div.parag-02{
border-left: 1px solid red;
width:90%;
margin:0 auto;
}

div.parag-02 hr{
width:100%;
border-color:blue;
margin:5px 0;
border-width:2px;
}

#c1 { 
width:100%;
border:1px solid #000;
margin:0 auto;
}

#c2{
width:100%;
border:1px solid #000;
margin:0 auto;
}

#c3{
width:100%;
border:1px solid #000;
margin:0 auto;
}


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

article.intr{
width:70%;
}
article.intr-02{
width:70%;
}

}

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

article.intr{
width:75%;
}
article.intr-02{
width:75%;
}

}

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

article.intr{
width:80%;
}
article.intr-02{
width:80%;
}

}

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

article.intr{
width:85%;
}
article.intr-02{
width:85%;
}
p.par-02{
font-size:16px;
}
p#par-03{
font-size:16px;
}

}

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

article.intr{
width:90%;
}
article.intr-02{
width:90%;
}

}

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

article.intr{
width:95%;
}
article.intr-02{
width:95%;
}

}

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

div.parag-02{
width:100%;
}
p.par-01{
font-size:18px;
}
p.par-02{
font-size:15px;
width:90%;
}
p#par-03{
font-size:15px;
width:90%;
}
article.intr{
width:100%;
}
article.intr-02{
width:100%;
}

}

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

h2.tit-01{
font-size:17px;
}

p.par-01{
font-size:16px;
}
}

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

h2.tit-01{
font-size:17px;
}
p.par-01{
font-size:16px;
}
p.par-02{
	font-size:13px;
}
p#par-03{
	font-size:13px;
}
}

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

h2.tit-01{
font-size:17px;
}
p.par-01{
font-size:16px;
}
p.par-02{
	font-size:12px;
}
p#par-03{
	font-size:12px;
}
h1{
	font-size: 1.5em;
}
}

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

h2.tit-01{
font-size:15px;
}
p.par-01{
font-size:14px;
}
p.par-02{
	font-size:11px;
}
p#par-03{
	font-size:11px;
}
h1{
	font-size: 1.5em;
}
}