.maincontainer{
display: flex;
flex-flow: row nowrap;
text-align: center;
justify-content: center;
background: rgb(204, 118, 61, 0.7);
}

.socialicons{
 display: flex;
 flex-flow: row wrap;
 justify-content: space-between;
}

.images{
display: flex;
flex-flow: column nowrap;
max-width: 100%;
flex: 1 0 40%;
text-align: right;
}

.images img{
width: 100%;
}

.asidetext{
text-align: center;
padding: 20px;
flex-grow: 2;
flex-shrink: 0;
flex-basis: 60%;
margin-top: auto;
margin-bottom: auto;
}

.asidetext a{
text-decoration: underline;
font-weight: bold;
}

.asidetext a:visited{
color: black;
}

.asidetext a:link{
color: black;
}

.asidetext a:hover{
color: white;
}

.reviews {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  width: 100%;
background-image: url("../images/breconhills.jpeg");
background-size: 100vw;
background-repeat: no-repeat;
height: 70vw;
overflow-y: hidden;
}

.fb-post {
    flex: 0 0 auto;
    padding: 0.5vw;
}

.imagecon3{
display:none
}

.images2{
display: none;
}

.frame::-webkit-scrollbar {
    -webkit-appearance: none;
}

.frame::-webkit-scrollbar:horizontal {
    height: 11px;
}

.frame::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid black;
    background-color: white;
}
.frame::-webkit-scrollbar-track { 
    background-color: white; 
    border-radius: 8px; 
}


@media screen and (max-width: 850px){
.maincontainer{
flex-flow: row wrap;
}

.asidetext{
flex-grow: 1;
flex-shrink: 0;
flex-basis: 1;
align-items: center;
width: 100%;
}

.images{
flex: 1 0 40%;
}

.imagecon2{
display: none;
}

.imagecon3{
display: block;
}

.images2{
display: flex;
flex-flow: column nowrap;
max-width: 100%;
flex: 1 0 40%;
text-align: right;
align-items: center;
}

}