* {
  padding: 0px;
  margin: 0px;
}

html {
    /*background-color: #FFF1B6;*/
    background-color:#fff5cc;
    min-width: 560px;
}


body{
    font-size: 15px;
}


p{
    font-family: "PT Sans", Arial, Helvetica, sans-serif;
    max-height:99999px;
    color: #3c3c3c;
    font-size: 1rem;
    line-height: 25px;
}


h3{
    font-family: "Crimson Text", Arial, Helvetica, sans-serif;
    max-height:99999px;
    line-height: 65px;
    font-size: 2rem;
    font-weight: 400;
    color: #3c3c3c;
}




a {
    color: #ef0033;
    text-decoration: none;
    font-style: italic;
}
a:visited {
    color: #ef0033;
}

    #main{
        width:100%;
        height:auto;
        margin: 20px auto;
    }

        #header{
            padding-bottom: 20px;
        }

            #mainlogo{
                background-image: url(assets/talbotLogo.jpg);
                width:240px;
                height:170px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                margin: 0 auto;
            }

        #portraitContent{
            /*background-color: #f8e9aa;*/
            background-color: #fff2ba;
            width:100%;
            height:auto;
            box-shadow: inset 0px 3px 5px 0px rgba(85, 47, 4, 0.1);
            -webkit-box-shadow: inset 0px 3px 5px 0px rgba(85, 47, 4, 0.1);
            -moz-box-shadow: inset 0px 3px 5px 0px rgba(85, 47, 4, 0.1);
            -o-box-shadow: inset 0px 3px 5px 0px rgba(85, 47, 4, 0.1);
        }

            #portraitContent-innertube{
                width:100%;
                max-width:1100px;
                height:100%;
                margin: 0 auto;
                text-align: center;
                padding: 20px 0;
            }

                .portraitObject{
                    margin:30px 20px;
                    display: inline-block;
                    width:500px;
                    vertical-align: top;
                    position: relative;
                }

                    .portraitObject-inner{
                        height:500px;
                        width: inherit;
                        display: table-cell;
                        vertical-align: middle;
                        text-align: center;
                    }

                        .imageShield{
                            height: 100%;
                            width: 100%;
                            z-index:900;
                            position:absolute;
                            background: transparent;
                            -webkit-user-select: none;
                            -khtml-user-select: none;
                            -moz-user-select: -moz-none;
                            -ms-user-select: none;
                            user-select: none;
                        }

                        .portraitObject-inner > img{
                            max-height:100%;
                            display: inline-block;
                        }


        #bottomContent{
            width:100%;
            max-width:1000px;
            margin: 0 auto 90px auto;
        }

            #bottomContent-innertube{
                margin:20px 40px;
            }

                #bioContent{
                    min-width: 560px;
                }

                    h3:not(:first-of-type){
                        margin-top:40px;
                    }

                    .footer-text{
                        min-width: 560px;
                    }

                        .fb-dupe{
                            background-image: url(assets/historic-homes.jpg);
                            background-position: center;
                            background-repeat: no-repeat;
                            background-size: cover;
                            position: relative;
                        }

                        #mobile-fb{
                            display: none;
                        }

                        #desktop-fb{
                            width:250px;
                            height:120px;
                            float:right;
                            margin:0 0 20px 20px;
                            padding:10px;
                        }

                            .fb-shadow{
                                width: 100%;
                                height:100%;
                                position: absolute;
                                top:0;
                                left: 0;
                                background: linear-gradient(to bottom, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 90%);
                            }

                            .fb-content{
                                width:inherit;
                                height:inherit;
                                margin-right:10px;
                                position:absolute;
                            }

                                .fb-profile-pic{
                                    width:27%;
                                    height:54%;
                                    background-color: #fff5cc;
                                    background-image: url(assets/talbotLogo-reduced.jpg);
                                    background-position: center;
                                    background-repeat: no-repeat;
                                    background-size: contain;
                                    float:left;
                                    border: 3px solid white;
                                    margin:0 10px 10px 0;
                                }

                                .fb-page-title{
                                    font-family: Helvetica, Arial, sans-serif;
                                    color:white;
                                    font-style: normal;
                                    font-weight: 500;
                                    font-size: 1.2rem;
                                }

                                    .fb-page-title:visited{
                                        color:white;
                                    }

                                .fb-like-link{
                                    display: block;
                                    font-style: normal;
                                    position: absolute;
                                    bottom:0;
                                    right:0;
                                    font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
                                    font-size: 0.733rem;
                                    color: #4b4f56;
                                    font-weight: bold;
                                    line-height:22px;
                                    text-align: center;
                                    border-radius: 2px;
                                    padding:0 8px;
                                    background-color:#f6f7f9;
                                    border: 1px solid rgba(0, 0, 0, .12);
                                }

                                    .fb-like-link:visited{
                                        color: #4b4f56;
                                    }

                                    .fb-like-link > img{
                                        vertical-align: text-top;
                                        width:12px;
                                        height:12px;
                                    }


                #footer-spacer{
                    text-align: center;
                    color: #CE002C;
                    font-family: Times New-Roman, serif;
                    font-size:4.333em;
                    margin:45px 0 50px 0;
                    line-height:45px;
                    -webkit-user-select: none;
                    -khtml-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                    pointer-events: none;
                    min-width: 560px;
                }

                #footer{
                    text-align: center;
                    min-width: 560px;
                }



/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/


/*perform mobile-only resizing*/
@media only screen and (max-device-width: 910px) {
    
p{
    font-size: 48px;
    line-height: 73px;
}


h3{
    line-height: 130px;
    font-size: 80px;
}
    
    #main{
        margin: 40px auto;
    }

        #header{
            padding-bottom: 40px;
        }

            #mainlogo{
                width:500px;
                height:374px;
            }

        #portraitContent{
            box-shadow: inset 0px 12px 17px 0px rgba(85, 47, 4, 0.1);
            -webkit-box-shadow: inset 0px 12px 17px 0px rgba(85, 47, 4, 0.1);
            -moz-box-shadow: inset 0px 12px 17px 0px rgba(85, 47, 4, 0.1);
            -o-box-shadow: inset 0px 12px 17px 0px rgba(85, 47, 4, 0.1);
        }

            #portraitContent-innertube{
                padding: 40px 0;
            }

                .portraitObject{
                    margin:60px 40px;
                    width:750px;
                }
    
                    .portraitObject-inner{
                        height:auto;
                        margin-bottom:20px;
                        display: block;
                    }
    
                    .portraitObject h3{
                        line-height: 100px;
                        margin-bottom:10px;
                    }
    
                    .portraitObject p{
                        line-height: 73px;
                    }

                    .portraitObject-inner > img{
                        width:inherit;
                    }



        #bottomContent{
            margin: 0 auto 200px auto;
        }

            #bottomContent-innertube{
                margin:80px 110px 60px 110px;
            }

                #bioContent{
                }
    
                    #mobile-fb{
                        display: block;
                        width:650px;
                        height:350px;
                        padding:40px;
                        margin:0 auto 40px auto;
                    }
                        .fb-content{
                            margin-right:40px;
                        }

                            .fb-profile-pic{
                                width:200px;
                                height:200px;
                                margin:0 40px 40px 0;
                                border: 10px solid white;
                            }

                            .fb-page-title{
                                font-size: 55px;
                            }

                            .fb-like-link{
                                font-size: 33px;
                                line-height:65px;
                                border-radius: 6px;
                                padding:0 20px;
                                border: 3px solid rgba(0, 0, 0, .12);
                            }
    
                                .fb-like-link > img{
                                    width:38px;
                                    height:38px;
                                }
    
                    #bioContent h3{
                        margin-bottom: 20px;
                    }
    
                    #bioContent h3:not(:first-of-type){
                        margin-top:80px;
                        line-height:100px;
                    }

                    .footer-text{
                        text-indent: 0;
                    }
    
                        #desktop-fb{
                            display:none;
                        }


                #footer-spacer{
                    font-size:140px;
                    margin:95px 0 100px 0;
                    line-height:120px;
                }

                #footer{
                    text-align: center;
                }

    
}



/*set anchor tag hover state only on desktop devices to avoid double-click on mobile*/
@media only screen and (min-device-width: 911px) {
    
a:hover {
    color: #ef0033;
    text-decoration: underline;
}
    
.fb-like-link:hover{
    text-decoration: none;
    background-color: #d9d9d9;
}
    
}