/* Style for PCs */
@media screen and (min-width: 1025px) {

/* Pagetitle
------------------------------------------------------------*/
#pagetitle {
width:60%;
height: auto;
display: block;
text-align: center;
margin:0 auto;
padding:50px 5% 0;
}
#pagetitle h2 {
width:100%;
height: auto;
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
font-size:36px;
font-weight: 700;
line-height: 1.25em;
letter-spacing: 0px;
text-align: center;
color:#333;
}
#pagetitle p {
width:100%;
height: auto;
display: block;
padding-top:10px;
font-family: 'Roboto', sans-serif;
font-size:12px;
font-weight:300;
line-height:1em;
color:#0A5BB0;
}
	
}


/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {

/* Pagetitle
------------------------------------------------------------*/
#pagetitle {
width:100%;
height: auto;
display: block;
text-align: center;
margin:0 auto;
padding:50px 5% 0;
}
#pagetitle h2 {
width:100%;
height: auto;
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
font-size:30px;
font-weight: 700;
line-height: 1.25em;
letter-spacing: 0px;
text-align: center;
color:#333;
}
#pagetitle p {
width:100%;
height: auto;
display: block;
padding-top:10px;
font-family: 'Roboto', sans-serif;
font-size:12px;
font-weight:300;
line-height:1em;
color:#0A5BB0;
}

}

/* Style for iPad */
@media screen and (min-width: 481px) and (max-width: 768px) {

/* Pagetitle
------------------------------------------------------------*/
#pagetitle {
width:100%;
height: auto;
display: block;
text-align: center;
margin:0 auto;
padding:50px 5% 0;
}
#pagetitle h2 {
width:100%;
height: auto;
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
font-size:28px;
font-weight: 700;
line-height: 1.25em;
letter-spacing: 0px;
text-align: center;
color:#333;
}
#pagetitle p {
width:100%;
height: auto;
display: block;
padding-top:10px;
font-family: 'Roboto', sans-serif;
font-size:12px;
font-weight:300;
line-height:1em;
color:#0A5BB0;
}

}

/* Style for Smartphone */
@media screen and (max-width: 480px) {

/* Pagetitle
------------------------------------------------------------*/
#pagetitle {
width:100%;
height: auto;
display: block;
text-align: center;
margin:0 auto;
padding:30px 5% 0;
}
#pagetitle h2 {
width:100%;
height: auto;
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
font-size:24px;
font-weight: 700;
line-height: 1.25em;
letter-spacing: 0px;
text-align: center;
color:#333;
}
#pagetitle p {
width:100%;
height: auto;
display: block;
padding-top:10px;
font-family: 'Roboto', sans-serif;
font-size:12px;
font-weight:300;
line-height:1em;
color:#0A5BB0;
}

}