/*
=======================================================================
 Desktop Styles
=======================================================================
*/

body {
    width:100%;
    height:auto;
    font-family:Arial;
    color:#000;
    margin:0;
    padding:0;
    text-align:center;
}

.content_container {
    position:relative;
    top:0;
    left:0;
    width:88%;
    max-width:1280px;
    height:auto;
    margin:0 auto;
    text-align:left;
    box-sizing:border-box;
    overflow:hidden;
}

.wrapper {
    min-height: 1000px;
    width: 90%;
    margin: auto;
}

.fha-info {
    width: 100%;
    max-width: 600px;
    margin: 1rem auto;
    display: block;
}

/*
=======================================================================
 Top Header
=======================================================================
*/

#topheader {
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:auto;
    background:#F5F5F5;
    padding-top:15px;
    padding-bottom:15px;
}

#logoicon {
    float:left;
    width:75%;
    height:auto;
}

#logoicon img {
    max-width:100%;
}

#disclosure {
    float:right;
    width:25%;
    height:auto;
    font-size:13px;
    margin-top:40px;
    text-align:left;
}

#disclosuretwo {
    display:none;
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:auto;
    font-size:12px;
    background:#F5F5F5;
    text-align:center;
    padding-bottom:30px;
}

/*
=======================================================================
 Bottom Footer
=======================================================================
*/

#bottomfooter {
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:auto;
    font-size:13px;
    background:#F5F5F5;
}

#bottomfooter a {
    color:#000;
    text-decoration:none;
}

.badges {
    position:relative;
    top:0;
    bottom:0;
    padding-top:50px;
    padding-bottom:50px;
    text-align:center;
}

.badges img {
    max-width:100%;
    max-height:50px;
}

#copyright {
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:auto;
    padding-top:15px;
    padding-bottom:30px;
}

#copyright a {
    color:#477AFF;
    text-decoration:none;
}

/*
=======================================================================
 Desktop 1024-1280
=======================================================================
*/

@media screen and (max-width:1279px)
{

}

/*
=======================================================================
 Tablets 768-1024
=======================================================================
*/

@media screen and (max-width:1023px)
{
    #disclosure {margin-top:30px;}
}

/*
=======================================================================
 Mobile & Small Tablets
=======================================================================
*/
    
@media screen and (max-width:767px)
{
    #logoicon {width:100%;}
    #disclosure {display:none;}
    #disclosuretwo {display:block;}
    #bottomfooter {font-size:12px;}
    .fha-info {
        max-width: 100%;
    }

    @media all and (orientation: landscape)
    {
        #logoicon {width:50%;}
        #disclosure {width:40%; font-size:11px; margin-top:40px; display:block;}
        #disclosuretwo {display:none;}
    }
}