body{background-color:#f4f2f2;font-family: "Segoe UI",sans-serif;}
#myHeader{
  background-image: url("../images/pavilion-header-943.png");
  background-repeat: no-repeat;
  background-attachment: absolute;
  background-position: right; 
  background-position-y: top;
  background-size: 55vw;
  height:auto;text-align: left;padding: 30px;}
  .our-all-pavilions p{text-align:center;}
  .w3-header-text{padding-right: 100px;}
  .w3-header-leftsection{padding:30px;}
  .w3-logo{margin-bottom:100px;}
  .w3-buttons{border-radius: 50px;
    background-color:#e11f08;
    color:#fff;
    border:0;
    padding:10px 20px;
    font-size:10px;
  }
  .w3-copyright{font-size:16px;color:white;}
  .w3-footer{padding-top:30px;background-color:#363636;border-top:4px solid #e11f08;line-height:2em;font-weight:500;}
  hr.solid {border-top: 4px solid #e11f08;width:70px;margin:auto;}
.w3-heading{font-size:24px;font-weight: 600;color:#e11f08;padding:0px 100px;line-height: 1.5em;}
.w3-tab-img{filter: invert(var(--value, 100%));width:40px;}
.list-horizontal{margin-left:0;padding-inline-start: 0;}
.list-horizontal img{width:25px;}
.list-horizontal li {
  display:inline-block;
  font-size:20px;
}
.list-horizontal li:before {
 content: url('../images/image10.png');
 color:rgba(0,0,0,0.5);
  filter: invert(var(--value, 75%));
padding:20px;
vertical-align: middle;

}
.list-horizontal li:nth-child(1):before {content: url('../images/image10.png');padding-left:0;}
.list-horizontal li:nth-child(2):before {content: url('../images/image11.png');}
.list-horizontal li:nth-child(3):before {content: url('../images/image13.png');}
.list-horizontal li:nth-child(4):before {content: url('../images/image14.png');}

.search-pavilion input[type=search] {
  width:282px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background-image: url('images/searchicon.png');
  background-size: 25px;
  background-position: right;
  background-repeat: no-repeat;
float:right;
}
.w3-select-region{width:300px;border: 1px solid #E6E6E6;border-radius: 8px;}

/* \social Media */
.fa {
  padding: 10px;
  font-size: 30px;
  width: 40px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {opacity: 0.7;}
.fa-facebook {color: white;}
.w3-card-2{margin-bottom: 20px;}
.container-region{position:relative;}
 .overlay-region {
  position: absolute; 
  top: 15px; 
  right:0;
  background: #e11e08;
  color: #f1f1f1; 
  width: 30%;
  color: white;
  font-size: 16px;
  padding: 2px;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .w3-logo{padding-top:130px;margin-bottom:0!important;}
  .w3-footer{padding:10px 20px;}
  .w3-footer:p{font-size:13px;}
  .w3-header-text{padding-right:10px;}
  hr.solid {width:40px;}
  .search-pavilion input[type=search] {width:96%;}
  .w3-padding-hor-32{padding-bottom:0!important;}
  .w3-header-leftsection {padding:0 30px!important;}
  .w3-select-region{width:100%;}
  .w3-logo img{width:50%;padding-bottom:0;}
  .w3-heading{font-size:15px;padding: 0 30px;}
  #myHeader{ /*  height:fit-content;*/}
  .list-horizontal li{font-size:medium;}
  .list-horizontal li:before{width: 10px;}
}

/* icomoon */
@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot?svb0pi);src:url(../fonts/icomoon.eot?svb0pi#iefix) format('embedded-opentype'),url(../fonts/icomoon.ttf?svb0pi) format('truetype'),url(../fonts/icomoon.woff?svb0pi) format('woff'),url(assets/fonts/icomoon.svg?svb0pi#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-facebook:before{content:"\ea90"}.icon-twitter:before{content:"\ea96"}.icon-youtube:before{content:"\ea9d"}.icon-youtube2:before{content:"\ea9e"}.icon-linkedin2:before{content:"\eaca"}
/* end icomoon*/
@media (min-width: 301px) and (max-width: 600px) {
  #myHeader {background-image: url("../images/pavilion-header-339.png");}
}
@media (min-width: 601px) and (max-width: 768px) {
  #myHeader {background-image: url("../images/pavilion-header-694.png");}
}
@media (min-width: 769px) {
  #myHeader {background-image: url("../images/pavilion-header-943.png");}
}