.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
    background-color: rgb(234, 234, 234);
}

#iframeh{
width: 100%;
height: 545px;
}

#top {
    float: none;
    height: auto;
    clear: none;
    width: 100%;
    position: fixed;
    z-index: 123456;
    top: 0px;
    left: 0%;
    bottom: auto;
}

#box {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    background-color: rgb(172, 202, 41);
}

#message {
    float: none;
    height: 30px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 95%;
    margin-right: auto;
}

#Box {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    display: block;
    background-color: rgb(50, 162, 220);
    background-image:url("img/bluebackgound.jpg");
    background-position: 0% 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
}

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

#image {
    float: left;
    width: 175px;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0%;
    display: block;
    max-width: 18.378906%;
}

#menu {
    float: right;
    height: 44px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 520px;
    margin-right: 0%;
}

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

#banner {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    background-color: rgb(255, 255, 255);
   
    background-position: 0% 0%;
    background-repeat: repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
}

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

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

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

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

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

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

#box4 {
    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;
}

#image3 {
    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;
}

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

#box6 {
    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%;
}

#image4 {
    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;
}

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

#box8 {
    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);
}

#image5 {
    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;
}

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

#about {
    float: none;
    height: 10px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    background-color: rgb(172, 202, 41);
}

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

#box12 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    background-color: rgb(172, 202, 41);
}

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

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

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

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

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

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

#box11 {
    float: right;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 51.828125%;
    margin-right: 0%;
    display: block;
}

#text {
    float: none;
    font-size: 14px;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 16px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    color: rgb(104, 103, 103);
    display: block;
}

#text1 {
    float: none;
    font-size: 30px;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: 700;
    line-height: 38px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    color: rgb(50, 162, 220);
}

#text2 {
    float: none;
    font-size: 18px;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: 700;
    line-height: 25px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(1, 1, 1);
    display: block;
    margin-right: auto;
}

#text3 {
    float: none;
    font-size: 18px;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 28px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
	color: #000;
}

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

@media only screen and (max-width: 1200px) {
    #Box {
        height: 100px;
    }

    #box1 {
        width: 90%;
    }

    #image {
        margin-left: 0%;
        margin-right: 0px;
        float: none;
        clear: none;
        max-width: none;
    }

    #menu {
        margin-right: 0%;
        margin-top: -44px;
        clear: none;
        margin-left: 0px;
        float: right;
        height: 44px;
        width: 520px;;
    }

    #box2 {
        width: 90%;
    }

    #image2 {
        width: 250px;
    }

    #box10 {
        background-image:url("img/about.jpg");
        background-position: -500px 0%;
        background-repeat: repeat;
        background-attachment: fixed;
        -webkit-background-size: cover;
        background-size: cover;
    }

    #top {
        top: 0px;
        left: 0%;
        bottom: auto;
    }

    #buttonbox {
        width: 90%;
    }

    #faded {
        background-image:url("img/about.jpg");
        background-position: -500px 0%;
        background-repeat: repeat;
        background-attachment: fixed;
        -webkit-background-size: cover;
        background-size: cover;
    }

    #type {
        width: 90%;
    }

    #box11 {
        margin-top: 0px;
        width: 61.574074%;
    }
	
	#image1 {
   height: 25px;
}

}

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

    #box1 {
        margin-top: 0px;
        width: 100%;
    }

    #image {
        height: 0px;
        width: 0px;
    }

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

    #space {
        height: 0px;
    }

    #message {
        width: 100%;
    }

    #image1 {
        height: 0px;
    }

    #box2 {
        margin-top: 150px;
        width: 100%;
    }

    #image2 {
        width: 80%;
        height: auto;
    }

    #box3 {
        width: 80%;
    }

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

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

    #box8 {
        margin-top: 10px;
        margin-left: 0px;
        clear: none;
        width: 100%;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        margin-bottom: 75px;
    }

    #space1 {
        height: 50px;
    }

    #image3 {
        max-width: 100%;
        width: 37.5%;
        height: auto;
        margin-top: 15px;
    }

    #image4 {
        max-width: 100%;
        width: 37.5%;
        height: auto;
        margin-top: 15px;
    }

    #image5 {
        max-width: 100%;
        width: 37.5%;
        height: auto;
        margin-top: 15px;
    }

    #banner {
     
        background-position: -300px 0%;
        background-repeat: repeat;
        background-attachment: fixed;
        -webkit-background-size: cover;
        background-size: cover;
        background-color: rgb(255, 255, 255);
    }

    #box5 {
        height: 15px;
    }

    #box7 {
        height: 15px;
    }

    #box9 {
        height: 15px;
    }

    #box10 {
        background-image:url("img/about.jpg");
        background-position: -1100px 0%;
        background-repeat: repeat;
        background-attachment: fixed;
        -webkit-background-size: cover;
        background-size: cover;
    }

    #image6 {
        width: 100%;
    }

    #image7 {
        width: 100%;
    }

    #buttonbox {
        width: 80%;
    }

    #faded {
        background-image:url("img/about.jpg");
        background-position: -1100px 0%;
        background-repeat: repeat;
        background-attachment: fixed;
        -webkit-background-size: cover;
        background-size: cover;
    }

    #type {
        margin-top: 50px;
        width: 80%;
    }

    #box11 {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        width: 100%;
        margin-bottom: 0px;
    }

    #space2 {
        height: 75px;
    }
	
		#iframeh{
width: 100%;
height: 821px;
}
}

