.villa-img-header {
padding: 0px 10px !important;
}
@media only screen and (min-width: 1450px) {
.villa-img-column {
margin-top: 0%;
}
}
h1 {
font-family: 'Gotham-book' !important;
font-size: 30px !important;
font-weight: 400 !important;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}
.villa-img-header {
position: fixed;
width: 100%;
text-align: center;
padding: 0px;
background-color: #f8de7f;
display: flex;
justify-content: flex-start;
align-content: center;
align-items: center;
flex-wrap: nowrap;
margin-bottom: -8px;
}
.villa-img-row {
display: -ms-flexbox;
/* IE 10 */
display: flex;
-ms-flex-wrap: wrap;
/* IE 10 */
flex-wrap: wrap;
/* padding: 0 6px; */
}
/* Create two equal columns that sits next to each other */
.villa-img-column {
-ms-flex: 50%;
/* IE 10 */
flex: 50%;
margin-top: 2%;
/* padding: 0 4px; */
}
.villa-img-column img {
margin-top: 8px;
vertical-align: middle;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 10px 16px;
background-color: #000;
color: #fff;
cursor: pointer;
font-size: 18px;
width: 100px;
}
.fa-angle-left {
color: #000 !important;
}
.btn:hover {
background-color: #000;
}
.btn.active {
background-color: #f8de7f;
color: #000;
}
@media (min-width: 320px) and (max-width:767px) {
.fa-3x {
margin-top: 3px !important;
margin-left: -1px !important;
}
h1 {
font-size: 25px !important;
font-weight: 400 !important;
}
.fa-angle-left {
color: #000 !important;
margin-left: 10px;
}
.villa-img-header {
padding: 3px 0px !important;
}
.villa-img-column {
margin-top: 9.7%;
}
}
@media (min-width: 320px) and (max-width:767px) and (orientation: landscape) {
.villa-img-column {
margin-top: 7%;
}
}
@media only screen and (min-width: 768px) and (max-width:1023px) {
.fa-3x {
font-size: 2em !important;
margin-top: 4px !important;
margin-left: -2px !important;
}
.villa-img-column {
margin-top: 4%;
}
}
.fa-3x {
font-size: 1.7em;
margin-top: 1px;
margin-left: -3px;
}
