/*	This is used when you are making a website with individual css for each page
	NOTE: Use the master css for any items that you want to be constant throughout the website
*/
.secBox2{padding: 0px 20px !important;}

#headerimg{width:100%; height:1080px; max-height: 100%; min-height:400px; margin:0 auto; padding:0; background:#BEB6AD url("/styles/stylesets/201504milestone/images/Mileston-Kitchens-home-hdr-2.jpg") no-repeat center top;}

/* .clickThroughBtn{margin: 20px 0 40px 0;}
.clickThroughBtn a{width: 30%; font-size: 1.3em;} */


.clickThroughBtn1{display:block;margin: 20px 0 0 0; text-align: left !important;}
.clickThroughBtn1 a{display:inline-block;background: #58653a;color:#ffffff;transition:0.3s ease-in-out; border:1px dashed rgba(88,101,58,0);  font-size: 1.3em; padding: 10px; width: 100%; font-size: 1.3em; text-align: center}
.clickThroughBtn1 a:link, .clickThroughBtn1 a:visited{color:#ffffff;}
.clickThroughBtn1 a:hover,.clickThroughBtn1 a:active{color:#58653a; background: none; border:1px dashed rgba(88,101,58,1);}

.aaFont{font-family: 'Just Another Hand', cursive;font-size: 2em;letter-spacing: 0.05em;line-height: 50px;}
.eeFont{font-family: 'Playfair Display', serif;font-size: 1.4em;line-height: 50px;}
.ffFont{font-family: 'Parisienne', cursive;font-size: 1.8em;line-height: 50px;}
.ssFont{font-family: 'Limelight', cursive;font-size: 1.4em;line-height: 50px;}
.rrFont{font-family: 'rawfont', cursive;font-size: 1.8em;line-height: 50px;}

#dressedUnits{text-align:center; align-items: center; justify-content: space-between; display: flex;}
#dressedUnits>.sectionBox{display:inline-block;vertical-align: top;width:20%; margin: 0 15px;}
#dressedUnits>.sectionBox#silviaProfile{display:inline-block;vertical-align: top;width:23%; margin: 0 15px;}
#dressedUnits>.sectionBox#silviaProfile>img{margin: 30px 0;}
#dressedUnits>.sectionBox#silviaProfile>.silviaTitle{font-size: 0.9em;}
#dressedUnits>.sectionBox#silviaProfile>.silviaTitle>.name{font-size: 1.2em;}

.kitchenText{font-size: 0.8em;}


.textBoxSec11 h1{font-size: 2.6em !important;text-align: left;}
.textBoxSec1{display:flex;align-items:center;justify-content:center; margin: 30px auto 40px;}
.textBoxSec11{max-width: 70%;flex-shrink: 0; text-align: justify;}
.textBoxSec12{flex-grow: 1;padding: 20px 50px;}
.videoWrap{text-align:center;margin:10px;}

.clickThroughBtn a{font-size: 1.2em !important;}




.navMainWrap{ display: flex; justify-content: center;flex-wrap: wrap;margin: 30px auto 0;}
.navWrap{max-width: 375px; flex-grow: 1; position: relative; background: rgba(0,0,0,1); transition: ease-in-out 0.3s; margin: 2px !important;}
.navWrap:hover{background: rgba(255,255,255,1);}
.navImg{display: block;opacity: 0.5; transition: ease-in-out 0.3s;}
.navImg img{display: block;}
.navWrap a:hover .navImg, .navWrap a:active .navImg{opacity: 1;}
.navWrap a:hover .navTitle, .navWrap a:active .navTitle{opacity: 0;}
.navWrap a:hover .navText, .navWrap a:active .navText{opacity: 0;}
.navInfo{display: block; color: #ffffff;padding: 15px; z-index: 1; position: relative;transition: ease-in-out 0.4s; bottom: 10px; position: absolute;}
.navWrap a:hover .navInfo, .navWrap a:active .navInfo{}
.navTitle{display: block; font-size: 1.5em; font-family: 'Raleway', sans-serif; transition: ease-in-out 0.3s;opacity: 1;}
.navText{display: block; font-size: 0.9em; height: 40px; margin: 10px 0 10px; transition: ease-in-out 0.3s;opacity: 1;}

.navWrap a:link, .navWrap a:visited{text-decoration:none; color:#ffffff;}
.navWrap a:hover, .navWrap a:active{text-decoration:none; color:#ffffff;}

.readMore{transition: ease-in-out 0.3s; display: block;font-family: 'Raleway', sans-serif;display: inline-block;}
.navWrap a:link .readMore, .navWrap a:visited .readMore{background: #58653a; color: #ffffff;padding: 10px; margin: 5px 0 0 0;opacity: 1;transition: ease-in-out 0.3s;}
.navWrap a:hover .readMore, .navWrap a:active .readMore{background: #402a20; color:#ffffff;}


@media screen and (max-width:1800px){
    .navWrap{max-width: 340px;}

}

@media screen and (max-width:1600px){
    .navWrap{max-width: 300px;}
    .navText{height:50px;}
    .navTitle{font-size: 1.2em;}
}

@media screen and (max-width:1500px){
    .navWrap{max-width: 345px;}
}


@media screen and (max-width:1400px){
    .navText{font-size: 0.8em;}
    .readMore{font-size: 0.8em;}
    .navWrap{max-width: 330px;}
}

@media screen and (max-width:1300px){
    .navWrap{max-width: 360px;}
}

@media screen and (max-width:1200px){
    #headerimg{background: #BEB6AD url("/classes/timthumb.php?w=1200&h=800&zc=1&q=90&src=/styles/stylesets/201504milestone/images/Mileston-Kitchens-home-hdr-2.jpg") no-repeat center top; max-height: 800px;}
    #dressedUnits>.sectionBox>a>img{width:auto;height: 400px !important;}
    .navInfo{padding: 10px; height: 130px;margin: -170px auto 0;}
    .navTitle{font-size: 1.2em;}
    .navWrap a:link .readMore, .navWrap a:visited .readMore{padding: 5px;}
    .navWrap{max-width: 380px;}
    .clickThroughBtn1 a{width: 95%; font-size: 1em;}
}

@media screen and (max-width:1100px){
    #dressedUnits>.sectionBox>a>img{width:auto;height: 370px !important;}
    .aaFont{font-size: 1.9em;}
    .eeFont{font-size: 1.3em;}
    .ffFont{font-size: 1.7em;}
    .ssFont{font-size: 1.3em;}
    .rrFont{font-size: 1.7em;}
    #dressedUnits>.sectionBox#silviaProfile>img{margin: 10px 0;}
    #dressedUnits>.sectionBox#silviaProfile>.silviaTitle{font-size: 0.8em;}
    #dressedUnits>.sectionBox#silviaProfile>.silviaTitle>.name{font-size: 1.25em;}
}

@media screen and (max-width:1000px){
    .textBoxSec11{max-width:50%}
    .textBoxSec11 .clickThroughBtn{max-width: 80%; margin: 30px auto;}
    .videoWrap iframe{width:100%;height:300px;}
    .aaFont{font-size: 1.8em;}
    .eeFont{font-size: 1.2em;}
    .ffFont{font-size: 1.6em;}
    .ssFont{font-size: 1.2em;}
    .rrFont{font-size: 1.6em;}
    #dressedUnits>.sectionBox>a>img{width:auto;height: 340px !important;}
    #dressedUnits>.sectionBox#silviaProfile>.silviaTitle{font-size: 0.75em;}
    #dressedUnits>.sectionBox#silviaProfile>.silviaTitle>.name{font-size: 1.3em;}
    .navInfo{margin: -150px auto 0;}

}

@media screen and (max-width:900px){
    .videoWrap iframe{height:500px;}
    .aaFont{font-size: 1.7em;}
    .eeFont{font-size: 1.1em;}
    .ffFont{font-size: 1.5em;}
    .ssFont{font-size: 1.1em;}
    .rrFont{font-size: 1.5em;}
    #dressedUnits>.sectionBox>a>img{width:auto;height: 290px !important;}
    #dressedUnits>.sectionBox#silviaProfile>.silviaTitle{font-size: 0.65em;}
    #dressedUnits>.sectionBox#silviaProfile>.silviaTitle>.name{font-size: 1.35em;}
    .navInfo{height: 120px;margin: -145px auto 0;}
    .navText{font-size: 1em;}
    .navWrap a:link .readMore, .navWrap a:visited .readMore{font-size: 1em;}
}

@media screen and (max-width:800px){
    .textBoxSec1{flex-wrap:wrap;}
    .textBoxSec11{max-width: none;width:100%;text-align: left;}
    .textBoxSec12{text-align: center;}
    .videoWrap iframe{height:450px;}
    #headerimg{background:#BEB6AD url("/classes/timthumb.php?w=800&h=400&zc=1&q=80&src=/styles/stylesets/201504milestone/images/Mileston-Kitchens-home-hdr-2.jpg")no-repeat center top; max-height: 400px;}
    .aaFont{font-size: 1.7em;word-spacing: 100px;line-height: 35px;}
    .eeFont{font-size: 1.1em;word-spacing: 100px;line-height: 35px;}
    .ffFont{font-size: 1.5em;word-spacing: 100px;line-height: 35px;}
    .ssFont{font-size: 1.1em;word-spacing: 100px;line-height: 35px;}
    .rrFont{font-size: 1.5em;word-spacing: 100px;line-height: 35px;}
    #dressedUnits{flex-wrap: wrap;}
    #dressedUnits>.sectionBox>a>img{width:auto;height: 250px !important;}
    #dressedUnits>.sectionBox#silviaProfile>.silviaTitle{font-size: 0.6em;}
    #dressedUnits>.sectionBox#silviaProfile>.silviaTitle>.name{font-size: 1.4em;}
    .clickThroughBtn a{width: auto; font-size: 1.2em;}
    .navInfo{margin: auto; height: auto;}
    .navWrap{}
    .navText{height: auto;}

    .textBoxSec11{text-align: left;}
    .textBoxSec1{flex-wrap: wrap;}
    .textBoxSec11{max-width: 100%;}

    #dressedUnits>.sectionBox#silviaProfile{width:100%;}
}

@media screen and (max-width:700px){
    .videoWrap iframe{height:390px;}
    #dressedUnits>.sectionBox>a>img{width:auto;height: 220px !important;}
}

@media screen and (max-width:600px){
    .videoWrap iframe{height:340px;}
    #headerimg{background:#BEB6AD url("/classes/timthumb.php?w=600&h=400&zc=1&q=70&src=/styles/stylesets/201504milestone/images/Mileston-Kitchens-home-hdr-2.jpg")no-repeat center top;}
    .aaFont{font-size: 1.8em;word-spacing: initial;line-height: 40px;}
    .eeFont{font-size: 1.2em;word-spacing: initial;line-height: 40px;}
    .ffFont{font-size: 1.6em;word-spacing: initial;line-height: 40px;}
    .ssFont{font-size: 1.2em;word-spacing: initial;line-height: 40px;}
    .rrFont{font-size: 1.6em;word-spacing: initial;line-height: 40px;}
    #dressedUnits>.sectionBox{width:48%;padding:10px 0;}
    #dressedUnits>.sectionBox#silviaProfile{display:block;width:auto;}
    #dressedUnits>.sectionBox>a>img{width:auto;height: 360px !important;}
    #dressedUnits>.sectionBox#silviaProfile>.silviaTitle{font-size: 0.9em;}
    #dressedUnits>.sectionBox#silviaProfile>.silviaTitle>.name{font-size: 1.1em;}
    .navWrap{width: 90%;}
    .navInfo{height: auto;}
}

@media screen and (max-width:500px){
    .videoWrap iframe{height:280px;}
    #dressedUnits>.sectionBox{width:100%;}
}

@media screen and (max-width:480px){
    #headerimg{background:#BEB6AD url("/classes/timthumb.php?w=480&h=400&zc=1&q=60&src=/styles/stylesets/201504milestone/images/Mileston-Kitchens-home-hdr-2.jpg")no-repeat center top;}
    #welcome-box #link-btn a{width:90%;}
    #dressedUnits>.sectionBox{}
}

@media screen and (max-width:400px){
    .videoWrap iframe{height:225px;}
}