body{

   background-color: black;

}



#cb-background{

    width: 100%;

    height: 100vh;

    /*background-image: url('./images/background-gif.gif');*/

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    position: absolute;

    left:0;

    top:0;

    z-index: -1;

}



#cb-background video {

    width: 100%;

    height: auto;

}



#cb{

    width: 100%;

    /* height: 100vh; */

    

    display: flex;

    flex-direction: column;

    align-items: center;

}



.cb-nav-btn {

    /* Your styling rules for the button with class 'cb-nav-btn' go here */

    font-family: 'Saira Extra Condensed', sans-serif;
	
	font-size: 25px;

}



#cb header{

    position: relative;



    width: 80%;

    display: flex;

    flex-direction: column;

    align-items: center;

    

    margin-top: 1%;

    margin-bottom: 2%;

	

}



#cb header section{

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    width: 90%;

    margin-bottom:5%;

}



#cb header button{

    color: white;

    position: relative;

    background-color: transparent;

    border: none;

    /*font-size: 100%;*/

}



#cb header img{

    position: relative;

    /*width: 20vh;*/

	width: 50vw;

}





#cb-headers{

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    color: white;

    font-family: 'Saira Extra Condensed', sans-serif;

}



#cb-headers-1{

    position: relative;

    font-weight: 900;

    font-size: 7vh;

    text-align: center;

    font-family: 'Saira Extra Condensed', sans-serif;

    width: fit-content;

}



#cb-headers-2{

    position: relative;

    font-weight: 900;

    font-size: 7vh;

    text-align:center;



}



#cb-headers-3{

    position: relative;

    font-weight: 250;

    font-size: 7vh;

    text-align: center;

}



#cb-headers-4{

    position: relative;



    font-size: 2.5vh;

    text-align: center;

    font-weight: 400;

}



#cb-scroll {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    color: white;

    font-family: 'Saira Extra Condensed', sans-serif;

    margin-top: 3%;

}



#cb-scroll img{

    width: 2vh;

}





@media (max-width: 550px){



	#cb-headers-3{

        font-size: 30px;

    }

	#cb-background video {

    width: 150%;

    height: auto;

	}

	

}