.icon{ background-color: white; border-bottom: 1px solid #0088dd; margin-left:5%;  margin-right:5%;  border-left: 2px solid #0088dd;  border-right: 2px solid #0088dd;}

.centrica{background-color:white; border-width: 2px;  border-left: 2px solid #0088dd; border-right: 2px solid #0088dd; padding-left:7%; padding-right:7%; margin-left:5%;  margin-right:5%;  border-top: 1px solid #0088dd; border-bottom: 1px solid #0088dd; overflow: hidden;}

body{ text-align: center; margin:0 auto; background-color: #e1ddda;}

h3{overflow: hidden; }

p {margin: 10px auto 10px auto; text-align: left; overflow: hidden; }
p.date{text-align: right;}

.weblink{text-align: right; font-size: 16px}

.disqus{background-color: white; border-width: 2px;  border-left: 2px solid #0088dd; border-right: 2px solid #0088dd; padding-left:7%; padding-right:7%; margin-left:5%;  margin-right:5%; border-bottom: 1px solid #0088dd; margin-bottom:10%; border-top: 1px solid #0088dd; }

ul{
list-style: none;}
}

a:link {
color:red;
text-decoration:none;}
a:visited {
color: red;}
a:hover {
color: #ADD8E6;
text-decoration:none;}
a:active {
color:blue;}

:root {
  --main-radius: 5px;
  --main-padding: 5px;
}



@media only screen and (min-width:200px) {
img.small{width: 140px;
          height: 120px;
          margin: 0px auto;
          border-radius: var(--main-radius);}

img.main{width: 100px;
        height: 100px;}
.disqus{display:none;}

 }


@media only screen and (min-width:240px) {
img.small{width: 160px;
          height: 130px;
          margin: 0px auto;
          border-radius: var(--main-radius);}

img.main{width: 100px;
        height: 100px;}


 }

@media only screen and (min-width:320px) {
img.small{width: 250px;
          height: 180px;
          margin: 0px auto;
          border-radius: var(--main-radius);}

img.main{width: 200px;
        height:60px;}

 }


@media only screen and (min-width:360px) {
img.small { width: 270px;
            height: 190px;
            margin: 0px auto;
            border-radius: var(--main-radius);}

 }


@media only screen and (min-width:480px){
img.small { width: 340px;
            height: 320px;
            margin: 0px auto;}

 }

@media only screen and (min-width:600px){
img.small {
width: 460px;
height: 380px;
margin: 0px auto;
border-radius: var(--main-radius);}

 }

a:link {
color:red;
text-decoration: none;}
a:visited {
color: blue;}
a:hover {
color: #ADD8E6;
text-decoration:none;}
a:active {
color:black;}

@media only screen and (min-width: 768px){
.disqus{display:block;}


}