#home {
    background-image: url("../img/background-no-text.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*min-height: 645px;*/
    height: 400px;
}

#home-title-container-margin {
    position:relative;
    height:30%;
}

#home-title-container {
    height:40%;
    #width: 100%;
    #max-width:1000px;
    position:relative;
	text-align: center;
    #left:50%;
    #transform: translateX(-50%);
}

#hello-box {
    width:100%;
}

/*#hello-fade {
    position:absolute;
    top:20%;
    height:100px;
    width:100%;
}*/

#hello-textbox {
    position:relative;
    width:100%;
    #left: 50%;
    #transform: translateX(-50%);
}

#hello {
    font-size: 7vw;
    text-align: center;
    color: #C98C19;
    line-height:0.5;
}

@media screen and (min-width: 1150px) {
    #hello {
        font-size:80px;
    }
}

#chloe-box {
    position:relative;
    #width: 60%;
    max-width:800px;
	#height: 80%
    #right: 50%;
    #transform: translateX(-57%);
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	#width: -50%;
	#text-align:center;
	top: -150px;
}

#chloe {
    max-height:100%;
    max-width:100%;
    object-fit:contain;
}

#tagline-box {
    position:relative;
	text-align: center;
}

#tagline {
    color: #c0362c;
    letter-spacing: 0.1vw;
    font-size:2.5vw;
    text-align:center;
    position:relative;
    #right:50%;
    margin-top:-2%;
    #width:60%;
	top: -150px;
}


#links {
    position:relative;
    left: 54%;
    transform: translateX(-50%);
    display:inline-block;
    /* max-width:300px; */
    margin-top: 25px;
    width: 20%;
    /* width:30%;  */
}


#links a {
    text-decoration: none;
}

#links .link {
    object-fit:contain;
    max-height:100%;
    max-width:17.7%;
    padding-left: 0.5%;
    padding-right:0.5%;
    
}

#links .link:hover{
    opacity: 0.5;
}

@media screen and (max-width: 700px) {
    #links {
        max-width:200px;
    }

    #links .link {
        max-width:17.2%;
        padding-left:0.5%;
        padding-right:0.5%;
    }

    

}


@media screen and (min-width: 1200px) {
    #tagline {
        font-size:30px;
    }
}

@media screen and (max-width: 500px) {
    #tagline {
        font-size:13px;
    }
}

#scroll-margin {
    height:4%;
}

#scroll-to-learn {
    color:#FBF6F6;
    font-size:24px;
    text-align:center;
    line-height:2;
	top: -2px;
	position: relative;
}

@media screen and (max-width: 500px) {
    #scroll-to-learn {
        font-size:13px;
    }
}

#scroll-arrow {
    position:relative;
    display:block;
    height:34px;
    left:50%;
    top: -20px;
    transform: translateX(-50%);
}

#scroll-div {
    margin-top: 10px;
}

#scroll-arrow:hover {
    opacity: 0.5;
}

@media screen and (max-width: 500px) {
    #scroll-arrow {
        height:15px;
    }
}



@media screen and (max-width:900px) {
    #home-title-container-margin {
        height:35%;
    }

    #home-title-container {
        height:35%;
    }
}