main#SiteGrid    { width:100%; }
#GridContent     { max-width:100%;margin-bottom:0;background-image:url('../../../000Frames/site/images/homePage/aboutBg.jpg'); }
#lobby          { width: 85%; }


#GridContent #body ul{font-size:123%}
.topImage       { margin-right:auto;margin-left:auto; }

@media (min-width: 992px)  {     
   .topImage       { width:93%; }
}

#lobby a.green-button{width: auto;}

#headline h1 { text-align:left; }

#contact-form input[type="text"]    { width: 100%; border-radius: 2px; padding: 0px; border: 1px solid #B7B7B7; padding: 6px 5px 1px 0px;}
#contact-form-title                 { width:100%; color:#F68B1F; font-size:35px; padding:10px; }
#contact-form textarea              { width: 100%; margin-top: 10px; height: 245px; }

.table-responsive td            { word-wrap:break-word; padding:10px; }

section.info-section .svgCode svg                   { max-height: 72px;fill: #92A288;}
section.info-section                                { height: auto;    margin-top: 100px;background-attachment: fixed;background-position: center 0;background-repeat: no-repeat;background-size: cover;}
section.info-section .bg-in-img                     { width: 100%;height: 100%;padding: 4%;background-color: #231f20;background: rgba(35,31,32,0.5);}
section.info-section ul                             { background: #ffffff;float:none;padding: 110px 95px;height: auto;list-style:none;margin-bottom: 0px;} 
section.info-section ul li                          { float: right;text-align:center;padding: 30px;}
section.info-section ul li:after                    { content: "";border-left: 4px solid #4d4d4f;display: block;z-index: 2;height: 100%;position: absolute;left: -5px;transform: skew(175deg);-webkit-transform: skew(178deg);top: 0;height:100%; }
section.info-section ul li:nth-last-child(1):after  { border: 0px; }
section.info-section ul li > div                    { width: 100%; }
section.info-section ul li .info-section-img-title  { font-size: 138%; }
section.info-section ul li .info-section-img-number { font-size: 280%; }
section.info-section ul li .info-section-img-desc   { font-size: 110%; }

.text2                          {background:#fff;padding: 145px 10%;margin: 0px;}
.text2>div                      {padding-right: 40px;padding-left: 0;}
.text2 .wineSecret p,
.text2 .Vineyards p             { font-size: 122%;}
.text2 .Vineyards p a           { padding: 8px 10px;position: relative;top: 25px;width:auto; }

@media (min-width:1024px){
    section.info-section ul li > .svgCode                    {margin-bottom: 20px;}
}

@media (max-width: 1560px)  {     
    #GridContent       { max-width:100%; }
}
@media (max-width:1440px){
    .text2 .wineSecret                          {}
    .text2 .Vineyards                           { padding-right:7% }
    .text2 .wineSecret p, .text2 .Vineyards p   {}
}

@media (max-width:1170px){
    section.info-section ul li .info-section-img-title          { font-size: 146%; }
    section.info-section ul li .info-section-img-number         { font-size: 240%; }
    section.info-section ul li .info-section-img-desc           { font-size: 100%; }
    .text2 .wineSecret p, .text2 .Vineyards p                   { font-size:115%; }
    section.info-section ul{
    padding: 5% 0;
}
}

@media (max-width:991px){
    section.info-section ul li .svgCode                 { width: 40px;margin: 0 auto;height: 72px; }
    section.info-section ul li:nth-child(2) .svgCode    { width: 22px; }
    section.info-section ul li:nth-child(3) .svgCode    { width: 55px; }
    section.info-section ul li:nth-child(4) .svgCode    { width: 49px; }
    .text2                                              { padding: 20px 25% 120px 5%; }
    .topImage                                           {width: 97%;}
}
@media (max-width: 1024px) and (orientation:landscape) {
    #GridContent { margin-bottom:0; }
}
@media (min-width:768px) and (max-width:991px) {
    section.info-section                                { height: auto;margin-top: 150px;}
    .text2 .wineSecret,.text2 .Vineyards                { padding: 4% 0; }
    section.info-section ul                             { padding: 5% 0;height: auto;}
    section.info-section ul li                          { border-left:2px solid #4d4d4f; }
    section.info-section ul li:nth-child(4)             { border:0px;     padding: 30px 15px;}
    section.info-section ul li:after                    { border:0px; }
    section.info-section ul li .info-section-img-desc   { font-size: 90%; height:20px; }
    #lobby .smallImg                                    { margin-top: -17vh; }
    #lobby { width:90%; }
    

}

@media (max-width:767px){   
    .text2                                              { padding: 50px 10%; }  
    section.info-section                                { height:auto;    margin-top: 50px;}
    section.info-section .bg-in-img                     { padding:22px;}
    section.info-section ul                             { padding: 10px;height: auto;}
    section.info-section ul li:after                    { border:0px; }
    section.info-section ul li                          { padding:20px 10px; }
    section.info-section ul li:nth-child(2)             { border-right: 2px solid #4e4e50; }
    section.info-section ul li:nth-child(3)             { border-top: 2px solid #4e4e50;padding-top: 33px;}
    section.info-section ul li:nth-child(4)             { border-right: 2px solid #4e4e50; border-top:2px solid #4e4e50; padding-top: 33px;}
    section.info-section ul li .info-section-img-title  { font-size: 130%;     height: 47px;  }
    section.info-section ul li .info-section-img-number { font-size: 220%; }
    section.info-section ul li .info-section-img-desc   { font-size: 100%; }
    .text2 .Vineyards                                   { margin-bottom: 0%;margin-top: 14%;}
    .text2 .wineSecret p, .text2 .Vineyards p           { padding: 0; }
    .text2 .Vineyards p a                               { margin-bottom: 15px;}
    
}

@media (max-width:375px){
    section.info-section ul li .info-section-img-title{font-size: 100%;height:37px;}
    section.info-section ul li .info-section-img-number{font-size: 176%;}
    section.info-section ul li .info-section-img-desc{height: 23px;}
}

@media (max-width: 1024px) and (orientation:landscape) {
    #GridContent { margin-bottom:0; }
    #GridPage   {margin-bottom: -12vh;}
}


/*IMG MODAL*/
.modal-content              { background:transparent;box-shadow: none;border: 0px; }
.modal-footer               { display: none; }
.modal-header               { display: none; }
img.imgpopup                { max-height: 80vh; }

@media (max-width:767px) {
    img.imgpopup                { max-height: 60vh; }
}