@charset "UTF-8";
/***** Sacred Funding Group Home Page for Desktop *****
/* Author: 9o9Designs
/* Version: 1.0
/* Release Date: 
/******************************************/


@media only screen and (min-width:0px) and (max-width:1024px){
    .hideonmobile{
        display: none;
    }
	html{
	    width:100vw;
	    margin:0;
	    padding:0;
	}
    header{
	    width: 105%;
	    height: 100px;
        z-index: 1000;
        background:transparent;
        padding-top:20px;
        background: #010101;
        margin:0px;
	}
    header h1{
        font-size: 1.4em;
        color: #fff;
        text-align:center;
        padding-top:15px;
        
    }
	body{
	    width: 100%;
	    margin: 0;
	    padding: 0;
	    background:#ffffff;
	    font-family: "Montserrat", sans-serif;
	    font-weight: 400;
        font-style: normal;
	}
	
	main{
	    width: 105%;
	    height: 325px;
	    background: url('https://sacredfundinggroup.9o9designsstaging.com/assets/images/sfg.webp') no-repeat 99% 98% / 206px 97px, 
	     url('https://sacredfundinggroup.9o9designsstaging.com/assets/images/AdobeStock_637009790.webp') no-repeat 0 0 / 100% 100%;
	    margin-bottom: 0px;
	    padding-bottom: 0px;
	    border:1px solid #010101;
	}
	
	aside{
	    width: 100%;
	    min-height: 550px;
	    margin-bottom: 0px !important;
	    padding-bottom: 0px !important;
	    border: 1px solid #fff;
	}
	aside p{
	    padding-left: 20px;
	}
	
	section{
	    width:100%;
	}
	
	footer{
	    width: 105%;
	    min-height: 200px;
	    background: #010101;
	    margin-top: 0px !important;
	    padding-top: 0px !important;
	    color: #fff;
	    border: 1px solid #010101;
	}
	
	footer .contact{
	    margin-top:20px;
	    text-align:center;
	}
	footer .contact img{
		width: 16px;
	    height: 16px;
	    margin-left: 20px;
	}
	
	footer a{
	    text-decoration: none;
	    color: #fff;
	}
	
	.main-container{
	    display:flex;
	    flex-wrap:wrap;
	    flex-direction:row;
	    flex-flow:row wrap;
	    justify-content: flex-start;
	    width:102%;
	}
	
	h1{
	    width: 100%;
	    color: #010101; 
	    font-family: "DM Serif Display", serif;
        font-weight:400;
        font-style: normal;
        font-size:2em;
        text-transform: uppercase;
        margin-bottom:10px;
	}
	h2{
	    width: 100%;
	    color: #fff;
	    font-family: "DM Serif Display", serif;
        font-size:1.5em;
        text-transform: uppercase;
        margin-bottom:10px;
        padding-top:20px;
	}
	h4{
	    width:100%;
	    font-family: "DM Serif Display", serif;
	    margin-top:40px;
	    text-transform: uppercase;
	    padding-left: 20px;
	}
	p{
	    font-size:.9em;
	}
	p span{
	    font-family: "Oxygen", sans-serif;
	    font-weight: 300;
	}
	

	/*** END FRAME ***/
	
	button{
	    width: 40%;
	    height: 45px;
	    padding-top: 3px;
	    background: #010101;
	    border: 1px solid #010101;
	    text-transform: uppercase;
	    color:#ffffff;
	    font-weight: bold;
	    margin-top:30px;
	}
	button img {
	    width: 24px;
	    height: 24px;
	}
	#copyright{
	    text-align:center;
	    font-size:.8em;
		font-family: "Oxygen", sans-serif;
	    font-weight: 300;
	    margin-top: 80px;
	}
	.logo{
	    background: url('https://9o9db.9o9designsstaging.com/assets/images/9o9BrandLogo.webp') no repreat 50% 25px / 150px 50px;
	}
	
}/*end media query */