#landingSection{
    height: 300px;
}

/*forms section*/
.h1{
    margin-bottom: 50px;
}
#formSection{
    width: 1200px;
    /*height: 200px;*/
    /*background: lightblue;*/
    float: left;
    clear: left;
    margin-top: 50px;
    margin-bottom: 50px;
}

.formHeader{
    height: 28.1px;
    position: relative;
    /*background: green;*/
    float: left;
    width: 100%;
}

.flagBackground{
    width: 50px; 
    height: 28.1px;
    position: relative;
    float: left; 
    margin-right: 10px;
    /*background:blue;*/
    clear: left;
}

.flagsImage{
    width: 100%; 
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.formTitle{
    font-size: 20px;
}

.formName{
    width: 100%;
    float: left;
    margin-top: 20px;
    background: #4682b4;
    color: white;
    box-sizing: border-box;
    padding: 10px;
}

.formsHolder{
    width: 100%;
    /*height: 500px;*/
    border: 1px solid #4682b4;
    /*background: green;*/
    float: left;
    clear: left;
}

.formAnchor{
    color: #4682b4;
}

.form:visited{
    color: #4682b4;
}

.form{
    padding: 10px;
    border: 1px solid #ccc;
}


.formTop{
    margin-top: 50px;
}

@media only screen and (max-width: 1210px){
    #formSection{
        width: 1000px;
    }
}

@media only screen and (max-width: 1010px){
    #formSection{
        width: 800px;
    }
}


@media only screen and (max-width: 810px){
    #formSection{
        width: 90%;
        font-size: 14px;
    }
}