
@media only screen and (min-width: 300px) and (max-width: 920px){

html{
scroll-behavior: smooth;
}

body{
margin:0px;
}

a {
  text-decoration: none;
}

.page_wrapper{
display:block;
position:relative;
width:100%;
margin:0 auto;
margin-bottom:70px;
}

.page_container{
display:table;
position:relative;
width:calc(100% - 40px);
min-height:600px;
height:auto;
margin:0 auto;
//border:1px solid #CFCFCF;
}

.page_section{
display:table-cell;
position:absolute;
width:100%;
line-height:20px;
padding-top:40px;
//border:1px solid #CFCFCF;
}

.article{
display:block;
position:relative;
width:100%;
height:auto;
line-height:30px;
font-family:'PT Sans',sans-serif;
font-size:18px;
font-weight:400;
color:#0D0D0D;
margin:0 auto;
}

.para{
display:block;
position:relative;
width:100%;
height:auto;
line-height:20px;
font-family:arial,helvetica,sans-serif;
font-size:16px;
color:#383838;
margin:0 auto;
}

.page_sidebar{
display:none;
}

.page_section h1{
display: inline-block;
position: relative;
width:100%;
min-height: 40px;
line-height: 40px;
font-family: 'Kumbh Sans', sans-serif;
font-size:36px;
font-weight:700;
color:#363435;
margin: 0px auto;
margin-bottom:30px;
}

.page_image{
display:block;
position:relative;
width:100%;
height:auto;
margin:0 auto;
margin-bottom:30px;
}

.page_image img{
display:block;
position:relative;
width:100%;
height:auto;
border-radius:10px;
}

}

@media only screen and (min-width: 920px) and (max-width: 1300px){

html{
scroll-behavior: smooth;
}

body{
margin:0px;
}

a {
  text-decoration: none;
}

.page_wrapper{
display:block;
position:relative;
width:100%;
margin:0 auto;
margin-bottom:70px;
}

.page_container{
display:table;
position:relative;
width:calc(100% - 40px);
min-height:600px;
height:auto;
margin:0 auto;
//border:1px solid #CFCFCF;
}

.page_section{
display:table-cell;
position:absolute;
//width:840px;
width:calc(100% - 420px);
line-height:20px;
padding-top:40px;
//border:1px solid #CFCFCF;
}

.article{
display:block;
position:relative;
width:100%;
height:auto;
line-height:30px;
font-family:'PT Sans',sans-serif;
font-size:18px;
font-weight:400;
color:#0D0D0D;
margin:0 auto;
}

.para{
display:block;
position:relative;
width:100%;
height:auto;
line-height:20px;
font-family:arial,helvetica,sans-serif;
font-size:16px;
color:#383838;
margin:0 auto;
}

.page_sidebar{
display:table-cell;
position:absolute;
//left:880px;
left:calc(100% - 380px);
width:380px;
height:auto;
//border:1px solid #CFCFCF;
}

.page_section h1{
display: inline-block;
position: relative;
width:100%;
min-height: 40px;
line-height: 40px;
font-family: 'Kumbh Sans', sans-serif;
font-size:36px;
font-weight:700;
color:#363435;
margin: 0px auto;
margin-bottom:30px;
}

.page_image{
display:block;
position:relative;
width:100%;
height:auto;
margin:0 auto;
margin-bottom:30px;
}

.page_image img{
display:block;
position:relative;
width:100%;
height:auto;
border-radius:10px;
}

}

@media only screen and (min-width: 1300px){

html{
scroll-behavior: smooth;
}

body{
margin:0px;
}

a {
  text-decoration: none;
}

.page_wrapper{
display:block;
position:relative;
width:100%;
margin:0 auto;
margin-bottom:70px;
}

.page_container{
display:table;
position:relative;
left:calc(50% - 630px);
width:1260px;
min-height:600px;
height:auto;
//border:1px solid #CFCFCF;
}

.page_section{
display:table-cell;
position:absolute;
width:840px;
line-height:20px;
padding-top:40px;
//border:1px solid #CFCFCF;
}

.article{
display:block;
position:relative;
width:100%;
height:auto;
line-height:30px;
font-family:'PT Sans',sans-serif;
font-size:18px;
font-weight:400;
color:#0D0D0D;
margin:0 auto;
}

.para{
display:block;
position:relative;
width:100%;
height:auto;
line-height:20px;
font-family:arial,helvetica,sans-serif;
font-size:16px;
color:#383838;
margin:0 auto;
}

.page_sidebar{
display:table-cell;
position:absolute;
left:880px;
width:380px;
height:auto;
//border:1px solid #CFCFCF;
}

.page_section h1{
display: inline-block;
position: relative;
width:100%;
min-height: 40px;
line-height: 40px;
font-family: 'Kumbh Sans', sans-serif;
font-size:36px;
font-weight:700;
color:#363435;
margin: 0px auto;
margin-bottom:30px;
}

.page_section h2{
display: inline-block;
position: relative;
width:100%;
min-height: 28px;
line-height: 28px;
font-family: 'Kumbh Sans', sans-serif;
font-size:20px;
font-weight:500;
color:#363435;
margin: 0px auto;
margin-bottom:0px;
}

.page_image{
display:block;
position:relative;
width:100%;
height:auto;
margin:0 auto;
margin-bottom:30px;
}

.page_image img{
display:block;
position:relative;
width:100%;
height:auto;
border-radius:10px;
}

}
