.fb_iframe_widget_fluid_desktop iframe {
min-width: 100% !important;
}

*{
margin:0;
padding: 0;
box-sizing: border-box;
}

a{
	text-decoration: none;
	color: #1c1e21;
}

html{
font-family: system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
font-size: 16px;
color: #1c1e21;
background-color: #F2F3F5;
height: 100vh;
position: relative;
}

.contenedor{
width: 80%;
max-width: 900px;
margin: 25px auto;
text-align: center;
}

.head{
width: 100%;
margin: auto;
}

.head img{
width: 100%;
}

.grid{
display: grid;
grid-template-columns: repeat (1fr, 1fr, 1fr );
grid-auto-rows: auto;
grid-template-rows: auto;
grid-gap: 20px;
}

.fb-comments{
width: 100%;
margin-top: 0px;
grid-column-start: 1;
grid-column-end: 3; 
}

.col-1-1{
max-width: 100%;
background-color: white;
border-radius: 3px;
padding: 10px;
margin-top: 10px;
grid-column-start: 1;
grid-column-end: 4; 
color: grey;
}

.col-2{
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-end;
width: 100%;
grid-column-start: 3;
grid-column-end: 4; 
}

.botones{
display: flex;
justify-content: space-between;
width: 100%;
margin: 20px 0;
}

.boton1{
color: white;
background-color: #4267b2;
text-align: center;
}

.boton1:hover{
background-color: #29487d;
}

.boton2{
background-color: #f5f6f7;
border-color: #ccd0d5;
color: #4b4f56; 
border: 1px solid;
}

.boton1, .boton2{
display: inline-block;
width: 48%;
padding: 5px;
font-size: .9rem;
line-height: 14px;
vertical-align: baseline;
text-decoration: none;
border-radius: 2px;
text-align: center;
cursor: pointer;
}

.fb-comments, .botones, .stars-likes, .mapa, .datos{
background-color: white;
border-radius: 3px;
padding: 10px;
margin: 10px 0;
width: 100%;
}

.stars{
margin-bottom: 20px;
color: #3b5998;
}	

ul{
list-style: none;
width: 100%;
}

li{
display: inline-block;
}

.fa-star{
color: #1877F2 !important;
}

.like-number{
font-size: .9rem;
display: inline-block;
}

.fa-thumbs-up{
color: #828282 !important;
display: inline-block;
}

.data-list{
text-align: right;
font-size: .9rem;
}

.data{
display: block;
margin-bottom: 5px;
}

.auth{
	margin: auto;
	text-align: center;
	color: #D7D8DB;
}

.auth a{
	display: inline-block;
	width: 100%;
	margin: 15px auto;
	text-decoration: none;
	color: #D7D8DB;
}
/*MEDIA*/

@media only screen and (max-width: 990px) {
.grid{
display: grid;
grid-template-columns: 1fr;
grid-gap: 15px;
}

.fb-comments{
width: 100%;
margin-top: 10px;
grid-column: 1;
}

.col-1-1{
grid-column: 1;
}

.col-2{
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-end;
width: 100%;
grid-column: 1; 
}
}