.maincontent {
    max-width:100%;
    width:100%;
    padding:0;
    }
    
    
    .gallery {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      margin: 20px;
    }
    
    .gallery-item {
      flex: 0 0 calc(27.333% - 20px);
      margin: 10px;
      box-sizing: border-box;
      overflow: hidden;
    }
    
    .gallery-item iframe {
      width: 100%;
      height: 200px;
      border: none;
    }

.shingle-color-content {
	padding: 30px 60px;
	background: #fafafa;
}

.shingle-color-content .global-row{
flex-flow: row wrap-reverse;
}
    
.colors-right,
.colors-left {
text-align: center;
margin: auto;
}

.colors-right img {
max-width: 650px;
width: 100%;
}

    @media screen and (max-width: 768px) {
      .gallery-item {
          flex: 0 0 calc(50% - 20px);
      }
    }
    
    @media screen and (max-width: 480px) {
      .gallery-item {
          flex: 0 0 100%;
      }

..shingle-color-content {
	padding: 30px 30px;
    }