/*     DEFAULT CSS FOR PORTRAIT MODE     */

#FootImage {
    width: 275px;
}

.featured p,
.doors1 p,
.doors2 p {
    font-size: 14px;
}

.openers p,
.openersText {
    font-size: 20px; 
}

.openers img {
    max-width: 100%;
}

#PrivacyPolicyContent h2 {
    font-size: 22px;
}

#ServiceContent h5,
#ServiceAreaContent h5 {
    font-size: 18px;
}

#HomeDoorsTitle a {
    top: 0px;
}

#HomeOpenersTitle {
    top: 36px;
}

#Header {
    height: 86px;
}

#logo {
    top: -10px;
    width: 280px;
}

#navMenuContent {
    height: 400px;
}

#navMenuContent ul {
    top: 120px;
}

#navMenuFooter {
    top: 130px;
}

h1,
#HomeService h1,
#HomeAbout h1 {
    font-size: 28px;
    height: 32px;
    margin-bottom: 0px;
}

h6 {
    font-size: 10px;
    height: 18px;
}

.vertPadding {
    height: 20px;
}

#navMenuFooterContent {
    /* ALLOWS SPACING OF ICONS */
    width: 70%;
    margin-left: 15%;
}

#CarriageTitle {
    top: -20px;
}

#CarriageTitle h6 {
    top: 5px;
}

#CarriageButtons {
    top: 10px;
}

#CarriageWoodContent, #CarriageMetalContent {
    top: -90px;
}

#ContemporaryTitle h1{
    top: -40px;
}

#ContemporaryTitle h6{
    top: 0px;
}

#ContemporaryButtonDiv {
	top: 15px;
}

#ContemporaryWoodContent, #ContemporaryMetalContent {
	top: -80px;
}

#Hardware {
	top: 87px;
}

#Openers {
    top: 110px;
}

#OpenersContent {
    position: relative;
    top: 12px;
}

#ContactContent {
    top: 120px;
}

#PageName {
    top: 90px;
    
}

#ResidentialTitle h1 {
    top: 0px;
}

#ResidentialTitle h6 {
    top: 40px;
}

#ResidentialMetalContent {
    top: 10px;
}

#PrivacyContent {
    top: 140px;
}

#ServiceArea {
    top: 120px;
}

#OpenerLinks {
    top: 50px;
}

/*  Mobile Portrait *********************************************************/
@media only screen and (min-width: 320px) and (orientation: portrait) {

    #FootImage {
        width: 275px;
    }

    .featured p,
    .doors1 p,
    .doors2 p {
        font-size: 16px;
    }

    .openers p,
    .openersText {
        font-size: 20px;
    }

    #PrivacyPolicyContent h2 {
        font-size: 22px;
    }

    #HomeDoorsTitle a {
        top: 0px;
    }

    #HomeOpenersTitle {
        top: 0px;
    }

    #Header {
        height: 96px;
    }

    #logo {
        top: -10px;
        width: 300px;
    }

    #navMenuContent {
        height: 410px;
    }

    #navMenuContent ul {
        top: 130px;
    }

    #navMenuFooter {
        top: 140px;
    }

    #navMenuFooterContent {
        /* ALLOWS SPACING OF ICONS */
        width: 60%;
        margin-left: 20%;
    }
    
    #CarriageTitle {
        top: -10px;
    }
    
    #CarriageTitle h6 {
        top: 5px;
    }
    
    #CarriageButtons {
        top: 10px;
    }
    
    #CarriageWoodContent, #CarriageMetalContent {
        top: -90px;
    }

    #ContemporaryTitle h1{
        top: -30px;
    }
    
    #ContemporaryTitle h6{
        top: -20px;
    }
    
    #ContemporaryButtonDiv {
        top: 0px;
    }
    
    #ContemporaryWoodContent, #ContemporaryMetalContent {
        top: -90px;
    }

    #Hardware {
        top: 98px;
    }

    #Openers {
        top: 120px;
    }
    
    #OpenersContent {
        position: relative;
        top: 12px;
    }

    #PageName {
        top: 102px;
    }

    #PrivacyContent {
        top: 150px;
    }

    #OpenerLinks {
        top: 50px;
    }
}

/*  Mobile Portrait *********************************************************/
@media only screen and (min-width: 375px) and (orientation: portrait) {

    #FootImage {
        width: 275px;
    }

    .featured p,
    .doors1 p,
    .doors2 p {
        font-size: 16px;
    }

    .openers p,
    .openersText {
        font-size: 20px;
    }

    #PrivacyPolicyContent h2 {
        font-size: 22px;
    }

    #HomeDoorsTitle a {
        top: 0px;
    }

    #HomeOpenersTitle {
        top: 42px;
    }

    #Header {
        height: 98px;
    }

    #logo {
        top: -8px;
        width: 300px;
    }

    #navMenuContent {
        height: 420px;
    }

    #navMenuContent ul {
        top: 140px;
    }

    #navMenuFooter {
        top: 150px;
    }

    #navMenuFooterContent {
        /* ALLOWS SPACING OF ICONS */
        width: 50%;
        margin-left: 25%;
    }

    #CarriageTitle {
        top: -10px;
    }
    
    #CarriageTitle h6 {
        top: 5px;
    }
    
    #CarriageButtons {
        top: 10px;
    }
    
    #CarriageWoodContent, #CarriageMetalContent {
        top: -80px;
    }

    #ContemporaryTitle h1{
        top: -20px;
    }
    
    #ContemporaryTitle h6{
        top: -10px;
    }

    #ContemporaryButtonDiv {
        top: 0px;
    }
    
    #ContemporaryWoodContent, #ContemporaryMetalContent {
        top: -90px;
    }
    
    #Hardware {
        top: 100px;
    }

    #Openers {
        top: 130px;
    }
    
    #OpenersContent {
        position: relative;
        top: -20px;
    }

    #OpenerLinks {
        top: 50px;
    }
}

/*  Mobile Portrait  ********************************************************/
@media only screen and (min-width: 390px) and (orientation: portrait) {

    #FootImage {
        width: 275px;
    }

    .featured p,
    .doors1 p,
    .doors2 p {
        font-size: 18px;
    }

    .openers p,
    .openersText {
        font-size: 20px;
    }

    #PrivacyPolicyContent h2 {
        font-size: 22px;
    }

    #HomeDoorsTitle a {
        top: 0px;
    }

    #HomeOpenersTitle {
        top: 42px;
    }

    #Header {
        height: 98px;
    }

    #logo {
        top: -8px;
        width: 300px;
    }

    #navMenuContent {
        height: 420px;
    }

    #navMenuContent ul {
        top: 136px;
    }

    h6 {
        top: 36px;
        font-size: 12px;
    }

    #HomeDoorsContent h6, #HomeOpenersContent h6 {
        top: -36px;
    }

    #HomeDoorsContent .featured, #HomeOpenersContent .featured {
        top: -20px;
    }

    #CarriageTitle {
        top: -10px;
    }
    
    #CarriageTitle h6 {
        top: 5px;
    }
    
    #CarriageButtons {
        top: 10px;
    }
    
    #CarriageWoodContent, #CarriageMetalContent {
        top: -80px;
    }

    #ContemporaryTitle h1{
        top: -20px;
    }
    
    #ContemporaryTitle h6{
        top: -10px;
    }

    #ContemporaryButtonDiv {
        top: 0px;
    }
    
    #ContemporaryWoodContent, #ContemporaryMetalContent {
        top: -90px;
    }

    #OpenerLinks {
        top: 20px;
    }

    
}

/*  Mobile Portrait  ********************************************************/
@media only screen and (min-width: 414px) and (orientation: portrait) {

    #FootImage {
        width: 275px;
    }

    .featured p,
    .doors1 p,
    .doors2 p {
        font-size: 18px;
    }

    .openers p,
    .openersText {
        font-size: 20px;
    }

    #PrivacyPolicyContent h2 {
        font-size: 22px;
    }

    #HomeDoorsTitle a {
        top: 0px;
    }

    #HomeOpenersTitle {
        top: 42px;
    }

    #Header {
        height: 104px;
    }

    #logo {
        top: -8px;
        width: 320px;
    }

    #navMenuContent {
        height: 420px;
    }

    #navMenuContent ul {
        top: 136px;
    }

    #CarriageTitle {
        top: 0px;
    }
    
    #CarriageTitle h6 {
        top: 5px;
    }
    
    #CarriageButtons {
        top: 10px;
    }
    
    #CarriageWoodContent, #CarriageMetalContent {
        top: -80px;
    }

    #Hardware {
        top: 105px;
    }

    #Openers {
        top: 130px;
    }
    
    #OpenersContent {
        position: relative;
        top: -20px;
    }

    #PageName {
        top: 110px;
    }

    #OpenerLinks {
        top: 20px;
    }
}

/*  Mobile Portrait  ********************************************************/
@media only screen and (min-width: 428px) and (orientation: portrait) {

    #FootImage {
        width: 275px;
    }

    .featured p,
    .doors1 p,
    .doors2 p {
        font-size: 18px;
    }

    .openers p,
    .openersText {
        font-size: 20px;
    }

    #PrivacyPolicyContent h2 {
        font-size: 22px;
    }

    #HomeDoorsTitle a {
        top: 0px;
    }

    #HomeOpenersTitle {
        top: 42px;
    }

    #Header {
        height: 110px;
    }

    #logo {
        top: -8px;
        width: 340px;
    }

    #navMenuContent {
        height: 420px;
    }

    #navMenuContent ul {
        top: 136px;
    }

    #navMenuFooter {
        top: 150px;
    }

    h1 {
        font-size: 28px;
        height: 32px;
        /* FOR SINGLE LINE FOR HEADING, NORMALLY ITS DOUBLE HEIGHT */

    }

    h6 {
        font-size: 10px;
        height: 18px;
    }

    .vertPadding {
        height: 20px;
    }

    #navMenuFooterContent {
        /* ALLOWS SPACING OF ICONS */
        width: 40%;
        margin-left: 30%;
    }

    #CarriageTitle {
        top: 0px;
    }
    
    #CarriageTitle h6 {
        top: 5px;
    }
    
    #CarriageButtons {
        top: 10px;
    }
    
    #CarriageWoodContent, #CarriageMetalContent {
        top: -80px;
    }

    #ContemporaryTitle h1{
        top: -10px;
    }
    
    #ContemporaryTitle h6{
        top: 10px;
    }

    #ContemporaryButtonDiv {
        top: 25px;
    }
    
    #ContemporaryWoodContent, #ContemporaryMetalContent {
        top: -70px;
    }

    #Hardware {
        top: 110px;
    }

    #PageName {
        top: 115px;
    }
    
    #ResidentialTitle h1 {
        top: 30px;
    }

    #PrivacyContent {
        top: 160px;
    }

    #ServiceArea {
        top: 150px;
    }

    #OpenerLinks {
        top: 20px;
    }
}

/*  Mobile Portrait  ********************************************************/
@media only screen and (min-width: 601px) and (orientation: portrait) {

    #FootImage {
        width: 275px;
    }

    .featured p,
    .doors1 p,
    .doors2 p {
        font-size: 20px;
    }

    .openers p,
    .openersText {
        font-size: 20px;
    }

    .openers img {
        max-width: 60%;
    }

    #PrivacyPolicyContent h2 {
        font-size: 22px;
    }

    #HomeDoorsTitle a {
        top: 0px;
    }

    #HomeOpenersTitle {
        top: 42px;
    }

    #Header {
        height: 110px;
    }

    #logo {
        top: -8px;
        width: 340px;
    }

    #navMenuContent {
        height: 420px;
    }

    #navMenuContent ul {
        top: 136px;
    }

    #navMenuFooter {
        top: 150px;
    }

    #CarriageTitle {
        top: 0px;
    }
    
    #CarriageTitle h6 {
        top: 5px;
    }
    
    #CarriageButtons {
        top: 10px;
    }
    
    #CarriageWoodContent, #CarriageMetalContent {
        top: -80px;
    }
    
    #ContemporaryTitle h1{
        top: -10px;
    }
    
    #ContemporaryTitle h6{
        top: 10px;
    }

    #ContemporaryButtonDiv {
        top: 25px;
    }
    
    #ContemporaryWoodContent, #ContemporaryMetalContent {
        top: -70px;
    }

    #Hardware {
        top: 110px;
    }

    #Openers {
        top: 130px;
    }

    #ServiceArea {
        top: 150px;
    }

    #OpenerLinks {
        top: 20px;
    }

}

/*  Mobile Portrait  ********************************************************/
@media only screen and (min-width: 768px) and (orientation: portrait) {

    #FootImage {
        width: 275px;
    }

    .featured p,
    .doors1 p,
    .doors2 p {
        font-size: 20px;
    }

    .openers p,
    .openersText {
        font-size: 20px;
    }

    .openers img {
        max-width: 50%;
    }

    #PrivacyPolicyContent h2 {
        font-size: 22px;
    }

    #HomeDoorsTitle a {
        top: 0px;
    }

    #HomeOpenersTitle {
        top: 42px;
    }

    #Header {
        height: 116px;
    }

    #logo {
        top: -8px;
        width: 360px;
    }

    #navMenuContent {
        height: 430px;
    }

    #navMenuContent ul {
        top: 150px;
    }

    #navMenuFooter {
        top: 160px;
    }

    #navMenuFooterContent {
        /* ALLOWS SPACING OF ICONS */
        width: 30%;
        margin-left: 35%;
    }

    #CarriageTitle {
        top: 10px;
    }
    
    #CarriageTitle h6 {
        top: 5px;
    }
    
    #CarriageButtons {
        top: 10px;
    }
    
    #CarriageWoodContent, #CarriageMetalContent {
        top: -60px;
    }
    
    #ContemporaryTitle h1{
        top: 20px;
    }
    
    #ContemporaryTitle h6{
        top: 30px;
    }

    #ContemporaryButtonDiv {
        top: 35px;
    }
    
    #ContemporaryWoodContent, #ContemporaryMetalContent {
        top: -60px;
    }

    #Hardware {
        top: 115px;
    }

    #PageName {
        top: 122px;
    }
    
    #PrivacyContent {
        top: 170px;
    }

    #OpenerLinks {
        top: 20px;
    }

}

/*  Mobile Portrait  ********************************************************/
@media only screen and (min-width: 800px) and (orientation: portrait) {

    #FootImage {
        width: 275px;
    }

    .featured p,
    .doors1 p,
    .doors2 p {
        font-size: 20px;
    }

    .openers p,
    .openersText {
        font-size: 20px;
    }

    #PrivacyPolicyContent h2 {
        font-size: 22px;
    }

    #HomeDoorsTitle a {
        top: 0px;
    }

    #HomeOpenersTitle {
        top: 42px;
    }

    #Header {
        height: 120px;
    }

    #logo {
        top: -8px;
        width: 400px;
    }

    #navMenuContent {
        height: 430px;
    }

    #navMenuContent ul {
        top: 150px;
    }

    #navMenuFooter {
        top: 160px;
    }

    #CarriageTitle {
        top: 10px;
    }
    
    #CarriageTitle h6 {
        top: 5px;
    }
    
    #CarriageButtons {
        top: 10px;
    }
    
    #CarriageWoodContent, #CarriageMetalContent {
        top: -60px;
    }
    
    #ContemporaryTitle h1{
        top: -10px;
    }
    
    #ContemporaryTitle h6{
        top: 10px;
    }

    #ContemporaryButtonDiv {
        top: 25px;
    }
    
    #ContemporaryWoodContent, #ContemporaryMetalContent {
        top: -70px;
    }
    
    #Openers {
        top: 140px;
    }

    #PageName {
        top: 126px;
    }

    #OpenerLinks {
        top: 20px;
    }

}

/*  Tablet Portrait  ********************************************************/
@media only screen and (min-width: 810px) and (orientation: portrait) {

    #FootImage {
        width: 275px;
    }

    .featured p,
    .doors1 p,
    .doors2 p {
        font-size: 20px;
    }

    .openers p,
    .openersText {
        font-size: 20px;
    }

    #PrivacyPolicyContent h2 {
        font-size: 22px;
    }

    #HomeDoorsTitle a {
        top: 0px;
    }

    #HomeOpenersTitle {
        top: 42px;
    }

    #Header {
        height: 120px;
    }

    #logo {
        top: -8px;
        width: 360px;
    }

    #navMenuContent {
        height: 430px;
    }

    #navMenuContent ul {
        top: 150px;
    }

    #navMenuFooter {
        top: 160px;
    }

    #CarriageTitle {
        top: 20px;
    }
    
    #CarriageTitle h6 {
        top: 5px;
    }
    
    #CarriageButtons {
        top: 10px;
    }
    
    #CarriageWoodContent, #CarriageMetalContent {
        top: -50px;
    }
    
    #ContemporaryTitle h1{
        top: -10px;
    }
    
    #ContemporaryTitle h6{
        top: 10px;
    }

    #ContemporaryButtonDiv {
        top: 25px;
    }
    
    #ContemporaryWoodContent, #ContemporaryMetalContent {
        top: -70px;
    }
    
    #Hardware {
        top: 120px;
    }

    #Openers {
        top: 140px;
    } 

    #OpenerLinks {
        top: 20px;
    }

}

/*  Tablet Portrait  ********************************************************/
@media only screen and (min-width : 917px) and (orientation: portrait) {

    #FootImage {
        width: 275px;
    }

    .featured p,
    .doors1 p,
    .doors2 p {
        font-size: 20px;
    }

    .openers p,
    .openersText {
        font-size: 20px;
    }

    #PrivacyPolicyContent h2 {
        font-size: 22px;
    }

    #HomeDoorsTitle a {
        top: 0px;
    }

    #HomeOpenersTitle {
        top: 42px;
    }

    #Header {
        height: 145px;
    }

    #logo {
        top: -8px;
        width: 450px;
    }

    #navMenuContent {
        height: 540px;
    }

    #navMenuContent ul {
        top: 180px;
    }

    #navMenuFooter {
        top: 190px;
    }

    #navMenu ul a {
        font-size: 20px;
        padding: 17px 16px;
    }
    
    #navMenu ul a:hover {
        font-size: 25px;
    }
    
    #CarriageTitle {
        top: 40px;
    }
    
    #CarriageTitle h6 {
        top: 5px;
    }
    
    #CarriageButtons {
        top: 10px;
    }
    
    #CarriageWoodContent, #CarriageMetalContent {
        top: -30px;
    }
    
    #Hardware {
        top: 145px;
    }

    #PageName {
        top: 150px;
    }

    #ResidentialTitle h1 {
        top: 70px;
    }
    
    #ResidentialTitle h6 {
        top: 80px;
    }
    
    #ResidentialMetalContent {
        top: 60px;
    }

    #PrivacyContent {
        top: 200px;
    }

    #ServiceArea {
        top: 180px;
    }

    #Openers {
        top: 170px;
    }

    #OpenerLinks {
        top: 20px;
    }
}