body,html{
    box-sizing: border-box;
    margin:0;
    padding:0;
  }

  .maincontent{
    max-width:100%;
    padding:0;
    margin:0;
  }
  .maincontent_wrapper{
    padding:0;
  }

  .my-container{
    max-width:90%;
    margin:0 auto;
    padding:2%;
  }
  .my-header{
    text-align: center;
  }
  .my-header h2{
    text-transform: capitalize;
    font-weight:600;
  }

.danger-image-group{
    margin:20px 0;
    background-image:linear-gradient(rgba(200, 200, 200, 0) 0% 15%, rgba(200, 200, 200, .75) 50% 100%);
    text-align: center;
    padding: 25px 15px;
}
.danger-image-item{
    display:flex;
    flex-direction:row;
    justify-content: space-evenly;
    max-width:800px;
    flex-wrap:wrap;
}
.danger-image{
    max-width: -webkit-fill-available;
    width: 260px;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4));
}
.danger-image-title h3{
text-transform: uppercase;
    font-weight:800;
    color:var(--accent-color);
}
.danger-image-content{
    place-self:center;
    padding:0 2%;
    max-width:500px;
}

.section2{
background-color: var(--accent-color);
    padding:50px 0;  
}
.section2 h2{
color:#fff;
}
ul.roof-tips{
    padding-inline-start: 0;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 25px 0;
}

ul.roof-tips li{
width:22.222%;
margin-left: 2%;
margin-bottom: 15px;
padding: 15px;
background-color:#fff;
}
.list-title{
    font-weight:700;
    text-transform: capitalize;
    display:block;
    font-size: 1.15em;
}
@media (max-width:991px){
ul.roof-tips li{
width:47.444%;
}

@media (max-width:550px){
ul.roof-tips li{
width:97.888%;
}
}