.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
   position:absolute;
	top:0;
}


#banner {
 width:100%;height:821px;object-fit: cover;object-position:top;
 
object-position: 0px 0px;



}



#btop {
 width:100%;height:821px;object-fit: cover;object-position:top;
 
object-position: 0px 0px;



}


#solo {
width: 100%;
height: auto;
}



#fadebtop {
    float: none;
    height: 821px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    background-image:url("img/faded.png");
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#btop1 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 220px;
    clear: none;
    width: 1200px;
    margin-right: auto;
}

#btoplogo {
    float: none;
    width: 480px;
    max-width: 100%;
    height: 452px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
    display: block;
}

#btop2 {
    float: none;
    height: 89px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
}

#btop3 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 561.265625px;
    margin-right: auto;
}

#btop4 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 177.984372px;
    background-color: rgb(242, 143, 26);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

#btop5 {
    float: none;
    width: 112px;
    max-width: 63.117733%;
    height: 30px;
    margin-left: auto;
    margin-top: 15px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
    display: block;
}

#btop6 {
    float: none;
    height: 15px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
}

#btop7 {
    float: left;
    height: auto;
    margin-left: 13.515623999999999px;
    margin-top: 0px;
    clear: none;
    width: 177.984372px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    display: block;
    background-color: rgb(50, 162, 220);
    margin-right: 0%;
}

#btop8 {
    float: none;
    width: 112px;
    max-width: 63.117733%;
    height: 30px;
    margin-left: auto;
    margin-top: 15px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
    display: block;
}

#btop9 {
    float: none;
    height: 15px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
}

#btop10 {
    float: left;
    height: auto;
    margin-left: 13.52px;
    margin-top: 0px;
    clear: none;
    width: 177.984372px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    display: block;
    margin-right: 0%;
    background-color: rgb(50, 162, 220);
}

#btop11 {
    float: none;
    width: 112px;
    max-width: 63.117733%;
    height: 30px;
    margin-left: auto;
    margin-top: 15px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
    display: block;
}

#btop12 {
    float: none;
    height: 15px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
}

#btopspace {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
}

@media only screen and (max-width: 1200px) {
    #btop1 {
        width: 90%;
    }

    #btop3 {
        width: 561.27px;
    }
}

@media only screen and (max-width: 500px) {
    #fadebtop {
        height: 821px;
    }

    #btop1 {
        margin-top: 125px;
        width: 75%;
    }

    #btoplogo {
        width: 100%;
        height: 353px;
    }

    #btop2 {
        height: 50px;
    }

    #btop3 {
        width: 90%;
    }

    #btop4 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        margin-bottom: 15px;
        border-top-left-radius: 200px;
        border-top-right-radius: 200px;
        border-bottom-right-radius: 200px;
        border-bottom-left-radius: 200px;
    }

    #btop7 {
        width: 100%;
        margin: 0px auto 15px;
        float: none;
        clear: none;
        border-top-left-radius: 200px;
        border-top-right-radius: 200px;
        border-bottom-right-radius: 200px;
        border-bottom-left-radius: 200px;
    }

    #btop10 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        border-top-left-radius: 200px;
        border-top-right-radius: 200px;
        border-bottom-right-radius: 200px;
        border-bottom-left-radius: 200px;
    }

    #btopspace {
        height: 100px;
    }

    #btop5 {
        max-width: none;
    }

    #btop8 {
        max-width: none;
    }

    #btop11 {
        max-width: none;
    }
	
	#banner {
 width:100%;height:855px;object-fit: cover;object-position:top;
 
object-position: 0px 0px;



}



#btop {
 width:100%;height:auto;object-fit: cover;object-position:top;
 
object-position: 0px 0px;



}

#fadebtop {
    float: none;
    height: 855px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    background-image:url("img/faded.png");
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}


}

@media only screen and (max-width: 400px) {
    #btop1 {
        width: 90%;
        margin-top: 150px;
    }

    #btoplogo {
        height: 339px;
    }
}

@media only screen and (max-width: 300px) {
    #btoplogo {
        height: 226px;
    }

    #btop1 {
        width: 80%;
        margin-top: 200px;
    }
	
	    #btopspace {
        height: 150px;
    }


}