html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    
   font-family: "WoodfordBournePRO-Regular-Regular", Helvetica, Arial;
	background-size: 100% auto;
	background-color: #fff;
    position:relative;
    -webkit-font-smoothing: antialiased;


    position:relative;
    
}
.clearfix:after {  content: ".";  display: block; height: 0;  clear: both; visibility: hidden;}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} 
.top{
    Width:100%;
}
b{
   font-family: "WoodfordBournePRO-Bold-Regular";
}
.yellowBar{
    height:20px;
    background-color: #F1C622;
    position:fixed;
    top:0;
    width:100%;
}
.topImage{
    background-color: #000;
    background-image: url("../img/topImg2.JPG");
    background-repeat: no-repeat;
    background-position: center;
    min-height: 950px;
    background-size: cover;
    
}

.logo img{
    margin:40px 0 0px 5%;
    width:25%;
}

.topText{
    
    background-color:rgba(0, 0, 0, 0.5);
    padding: 10px;
    color:#fff;
    width:600px;
    margin:100px 0 0px 5%;
}
.topText a{
   color:#fff;

}
.big{
    font-family: "WoodfordBournePRO-Bold-Regular";
    font-size:2em;
    margin-bottom:20px;
}

.med{
    font-family: "WoodfordBournePRO-Regular-Regular";
    font-size:1.3em;
    margin-bottom:20px;
    line-height: 1.2em;
}

.small{
    font-family: "WoodfordBournePRO-Regular-Regular";
    font-size:1em;
   margin-bottom:40px;
   line-height: 1.2em;
}

.projectsSection{
    padding-top:40px;
    
}
h1{
    font-family: "WoodfordBournePRO-Black-Regular";
    font-size:3em;
    text-align: center;
    margin-top:40px;

}
hr{
    width:20%;
    border: 5px solid #F1C622 ;

    
}
.projects{
   display: flex; 
   justify-content: space-around;
   flex-wrap: wrap;
   margin-top:60px;
   padding-bottom:60px;
}
.project{
    width:47%;
    min-width: 500px;
}
.projNumb{
    text-align: center;
    font-family: "WoodfordBournePRO-Medium-Regular";
    font-size:.75em;
    text-transform: uppercase;
    color:#666;
    margin-top:40px;
    margin-bottom:5px;
}
.projTop{
    background-color: #000;
    border-radius: 18px 18px 0 0;
    text-align:center;
    padding:20px;
    width:80%;
    margin:auto;
}
.projLogo img{
    height:124px;
    margin-top:40px;
    margin-bottom:20px;
    
}
.projTitle{
   font-family: "WoodfordBournePRO-Black-Regular";
   color:#F1C622;
   text-transform: uppercase;
   font-size:2.5em;
   margin-top:20px;
}
.projImg img{
    width:100%;
}
.projBottom{
    background-color: #000;
    border-radius: 0 0 18px 18px;
    text-align:center;
    padding:20px;
    width:80%;
    margin:auto;
    margin-top:-4px;
    
}
.projDesc{
    font-family: "WoodfordBournePRO-Regular-Regular";
       color:#fff;
       font-size:1.4em;
    
       width:80%;
       margin:auto;
       margin-bottom:20px;
}
.projEstd{
       font-family: "WoodfordBournePRO-Bold-Regular";
       color:#666;
       font-size:.8em;
       text-transform: uppercase;
       margin-bottom:10px;
}
.projDesc:after{
    display:block;
    margin:10px;
    content: url("../img/divider_line.png");
}
.projAddress{
    font-family: "WoodfordBournePRO-Regular-Regular";
       color:#666;
       text-transform: uppercase;
}

.projSocial{
    font-family: "WoodfordBournePRO-Bold-Regular";
    text-transform: uppercase;
    color:#666;
    margin-top:40px;
    margin-bottom:20px;
    Display:flex;
    justify-content: space-around;
    
}
.projSocial a:link, .projSocial a:visited, .footSocial a:link, .footSocial a:visited{
    color:#666;
    text-decoration: none;
}
.projSocial a:hover, .footSocial a:hover{
    color:#fff;
    text-decoration: Underline;
}
.socialInsta {
    background:url('../img/socialIconInsta.png') no-repeat left center;
    background-size: 32px;
    height:32px;
    padding-left:36px;
    padding-top:10px;
   
    
}
.socialFacebook {
    background:url('../img/socialIconFacebook.png') no-repeat left center;
    background-size: 32px;
    height:32px;
    padding-left:36px;
    padding-top:10px;
    
}
.socialAirbnb {
    background:url('../img/socialIconAirbnb.png') no-repeat left center;
    background-size: 32px;
    height:32px;
    padding-left:36px;
    padding-top:10px;
    
}
.socialWebsite {
    background:url('../img/iconLink.png') no-repeat left center;
    background-size: 32px;
    height:32px;
    padding-left:36px;
    padding-top:10px;
    
}
.footer{
    
    background-color:#000;
    height:200px;
    
    display:Flex;
}
.footer>div{
    width:70%;
    margin:20px;
}
.footer .address{
    color:#ccc;
    text-align:right;
}
.footSocial{
    text-align:right;
    margin-top: 20px;
    margin-bottom:20px;
    font-family: "WoodfordBournePRO-Bold-Regular";
    text-transform: uppercase;
    color:#666;
    
}
.footSocial .socialInsta {
    background:url('../img/socialIconInsta.png') no-repeat right center;
    background-size: 32px;
    height:32px;
    padding-right:36px;
    padding-top:10px;
   margin-bottom:10px;
    
}
.footSocial .socialFacebook {
    background:url('../img/socialIconFacebook.png') no-repeat right center;
    background-size: 32px;
    height:32px;
    padding-right:36px;
    padding-top:10px;
    
}
.footLogo {
    width:30%;
}
.footLogo img{
    margin-top:20px;
    height:150px;
}
.footer .address{
    font-family: "WoodfordBournePRO-Medium-Regular";
    color:#eee;
    font-size:1.2em;
}
.mailingList { font-family: "WoodfordBournePRO-Medium-Regular"; margin:20px auto ;text-align:center;}

.formEmailButton{background-color: black; border-radius:8px; color:white; padding:5px 20px;border: 0;font-size:.8em;}
.formEmail {border-style:solid;border-width:1px;padding:5px;border-radius:8px;font-size:.8em; font-style:italic; color:#bebebe;}

@media only screen and (min-width: 320px) and (max-width: 576px){
 .topImage{

     min-height: 650px;
     
 }
    .logo img{
        margin:40px 0 0px 5%;
        width:60%;
    }
    
    .topText{
        width:90%;
        margin:30px auto;
    } 
   .big{
       font-family: "WoodfordBournePRO-Bold-Regular";
       font-size:1.5em;
       margin-bottom:20px;
   }
   
   .med{
       font-family: "WoodfordBournePRO-Regular-Regular";
       font-size:1.2em;
       margin-bottom:20px;
       line-height: 1.1em;
   }
   
   .small{
       font-family: "WoodfordBournePRO-Regular-Regular";
       font-size:1em;
      margin-bottom:40px;
      line-height: 1.1em;
   }
    .projectsSection{
        padding-top:0px;
    }
    h1{
        font-size:2em;
    }
    hr{
        width:40%;
        border: 3px solid #F1C622 ;
    }
    .projects{
        margin-top:10px;
    }
    .project{
        width:100%;
        min-width: 300px;
    }
    .projTop{
        width:90%;
      }
    .projBottom{
        width:90%;
    }
    .projTitle{
        font-size:1.5em;
    }
    .projAddress{
        font-size:.9em;
    }
    .projLogo img{
        height:80px;
        margin-top:20px;
        margin-bottom:10px;
    }
    .projDesc{
        font-size:1.2em;
        width:95%;
        margin:auto;
        margin-bottom:20px;
    }
   .projSocial{
       margin-top:30px;
       margin-bottom:10px;
    }
    .projSocial>div, .footSocial>div{
       background-size: 26px;
       height:26px;
       padding-left:30px;
       padding-top:8px; 
       font-size:.8em;
    }
    .footer .address{
        
       font-size:.8em;
    }
    .footLogo {
        width:30%;
    }
    .footLogo img{
        margin-top:20px;
        height:120px;
    }
}