body{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #3D6281;
    
}


#header{
    text-align: center;
    margin: auto;
    margin-top: 10%;
    width:28%;
}

#header img{
    width:100%;
}

h1{
    text-align: center;
    color: #fff;
    font-size: 2.3em;
    padding-top: 50px;
    letter-spacing: 1px;
}

h2{
    text-align: center;
    color: #fff;
    font-size: 1.8em;
    font-weight: 200;
    letter-spacing: 0.5px;
    
}

p{
    text-align: center;
    color: #fff;
    font-size: 1.0em;
    font-weight: 200;
    letter-spacing: 1px;
}

ul{
    text-align: center;
    margin: auto;

}

.form{
    margin: auto;
    text-align: center;
}


.button {
    background: #3D6281;
    width: 7%;
    height: 50px;
    font-size: 1.0em;
    color: #fff;
    border: none;
    border-collapse: collapse;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button:hover{
    background-color: #F5C423;
}



/*MEDIA QUERY*/

@media only screen and (min-width : 1024px) {
    
}

@media only screen and (min-width : 740px) and (max-width: 1024px)  {
    
    
}


@media only screen and (max-width : 740px) {
    #header{
    text-align: center;
    margin: auto;
    margin-top: 10%;
    width:60%;
}
    .button {
    background: #004098;
    width: 20%; 
}

body{
    background-image: url(..//image/welcome-background-mobile.jpg);
    
}