.page{
padding: 20px 20px 0 20px;
background-color: #efefef;
margin: 20px 0 20px 0;
}
.back{
background-color: rgba(102, 204, 255, 0.6);
padding: 20px 0 20px 0;
}
.top{
text-align: center;
}
.bottom{
margin: 20px 0 20px 0;
}
@media screen and (min-width: 1080px){
.top{
font-size: 110%;
}
.box-left{
display: inline-block;
width: 49%;
}
.box-right{
width: 49%;
float: right;
}
}
@media screen and (max-width: 1079px){
.top{
font-size: 80%;
}
.box-left{
width: 100%;
}
.box-right{
width: 100%;
}
}
@media screen and (max-width: 1200px){
.bottom{
display: none;
}
}
.para{
padding: 1em;
background-color: #ffffff;
margin: 0 0 20px 0;
box-shadow: 0 1px 3px rgba(26,26,26,.1);
}
.para>h2{
margin: 0;
}