*{
    box-sizing: border-box;


}
html{
    background-size:100%;
}

a[href^="te"]:link
{
    color:white;
}
a[href^="te"]:visited
{
    color:white;
}
a[href^="te"]:hover
 {
    color:yellow;
cursor: pointer;
 }

a[href^="ma"]:link
{
    color:white;
}
a[href^="ma"]:visited
{
    color:white;
}
a[href^="ma"]:hover
{
    color:yellow;
    cursor: pointer;
}

/*id */

#header_logo_img{
    height:60%;
    display:inline-block;
    margin-right: 100px;
    margin-left:100px;

    vertical-align: middle;

}
#white-text{
    color:white;
}
#header_img_apple_store{
    padding : 10px;
    display:inline-block;

    vertical-align: middle;
}
#header_img_google_play{
    padding : 10px;
    display:inline-block;

    vertical-align: middle;
}
#not-for-mobile-text{
    font-family: big_shoulders_textbold;
    font-size: 32px;
    color:#054f96;
   display:none;
vertical-align: middle;
   padding : 10px;
    text-align: center;
}
#for-mobile-text{
    font-family: big_shoulders_textbold;
    font-size: 32px;
    color:#054f96;
    display:none;
    vertical-align: middle;
    padding : 10px;
    line-height: 1;
    text-align: center;

}
#img_right{
   padding-left:15px;
    text-align:left;
    width: 50%;  padding-top:15px; float:left;
}
#img_left{
    padding-right:15px;
    text-align:right;
    width: 50%;  padding-top:15px; float:left;
}
#not_for_phone_img
{
    color: #0a3a7b;
 display:none;
}
#first_section_image{
    height : auto;
    width : 100%;
}
#first_section_image_mobile{
    height : auto;
    width : 100%;
}

#mobile_middle
{
    display: inline-block; width:100%;background-color:#054f96
}

#contain
{
    display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center;
}
#contact
{
    text-align: center;
    margin-top: 30px;
}

/*classes */
.header_section
{
    z-index: 1;
    background-color:white;
    top:0;
    position:fixed;
    height:130px;
   width:100%;


}
.break {
    flex-basis: 100%;
    height: 0;
    display:none;
}
.first_section{
    width: 100%;
    float: left;
}
.first_section:before
{
    width: 100%;
    float: left;
}
.second_section{
    padding:45px;
    background-color:#054f96;
    background-size: 100%;
}
.third_section{
    padding:45px;
    background-color:#0a3a7b;
    background-size: 100%;
    text-align: center;
}

.fourth_section{
    background-color:#054f96;
    height:auto;
}
.form-div{
    background-color:#054f96;
    height:auto;
}


.contain2{display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center;
}
.hlp{
    width:33%;
    text-align: center;
}

.col-1 {width: 100%;  float: left;


}
.col-1-t {width: 100%;  float: left;
    text-align: center;
}


.medium-text_m
{
    font-family: big_shoulders_textmedium;
    font-size: 22px;
    line-height: 27px;
}
.light-text_m
{
    font-family: big_shoulders_textlight;
    font-size: 27px;
    line-height: 31px;
}
.regular-text_m
{
    font-family: big_shoulders_textregular;
    font-size: 32px;
}
.bold-text_m
{
    font-family: big_shoulders_textbold;
    font-size: 32px;
    line-height:38px;
}
.yellow-bold-text_m
{
    font-family: big_shoulders_textbold;
    font-size: 32px;
    color:#d4a246;
}
.yellow-extrabold-text_m
{
    font-size: 22px;
    font-family: big_shoulders_textextrabold;
    color:#d4a246;
}

/*selectors */
::placeholder
{

    text-align: left;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:13px;
}
::-ms-input-placeholder
{

    text-align: left;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:13px;
}
:-ms-input-placeholder {

    text-align: left;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:13px;
}


/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}
/*media*/

@media only all and (max-width: 570px) {
	   #first_section_image{
        content:url("../img/top-m.jpg");
    }
    #img_left{

        float:none;
        text-align: center;
        display: block;
        padding-right:0;

        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;

    }
    #img_right{
        float:none;
        padding-left:0;
        text-align: center;
        display: block;

        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;

    }

}


@media only all and (max-width: 769px) {

    #header_img_apple_store{

        text-align: right;

        width:170px;
        height:60px;
        vertical-align: middle;
    }
    #header_img_google_play{

        text-align: right;

        width:170px;
        height:60px;
        vertical-align: middle;
    }

    #header_logo_img{

        margin: 0px auto 0px auto;
        text-align: center;
        vertical-align: middle;
        width:60px;
        height:70px;
    }
    .header_section{
        height:140px;
        position:static;
    }

    #first_section_image{
      display:none;
    }
    #first_section_image_mobile{
       display:inline;
    }
.site-container{
    background-color: white;
}
    .form-div
    {
        background-color: white;
    }
   .container{
       background-color: white;
       width:100%;
   }

}



@media only all and (min-width: 767px) and (max-width: 800px) {
    #mobile_middle {
        position: absolute;
        left: 50%;
    }
}
@media only all and (min-width: 769px) {

    #first_section_image{
        display:inline;
    }
    #first_section_image_mobile{
        display:none;
    }
    #not_for_phone_img
    {
        margin-bottom: 40px;
        display:inline;
    }


}


@media only all and (min-width: 1347px) {
    #not-for-mobile-text{
        display:inline;
    }
#header_logo_img{
    margin-right: 0px;
}
    #header_img_apple_store{

        order:1;

    }
    #header_img_google_play{
        order:2;


    }
    .col-1-t {width: 50%;  float: left;
    }


}

@media only all and (max-width: 1346px) {

    #for-mobile-text{
        display:block;
        text-wrap: normal;
    }

    #header_img_google_play{

        order:2;
    }
    #header_img_apple_store{

        order:1;
    }


}
@media only all and (min-width:769px) and (max-width: 1347px){
    .header_section{
        height:155px;
    }
    #header_logo_img{


        position:relative;

        max-width: 82px;
        max-height: 100px;
        justify-content: center;

    }
    #header_img_apple_store{


        position:relative;

        max-width: 230px;
        max-height: 82px;
        justify-content: center;


    }
    #header_img_google_play{


        position:relative;
       justify-content: center;
        max-width: 230px;
        max-height: 82px;

    }

}




@media only all and (max-width: 512px)
{
    .header_section{
        height:155px;
    }
}


@media only all and (max-width: 493px)
{  #header_logo_img{
    height:auto;

}
#contain{
    flex-wrap: wrap;

}
.break{
    display: flex;
}
.hlp{
    width:100%;
    text-align: center;
}
    #header_logo_img{
        height:40%;

        margin-left: auto;
        margin-right: auto;



    }
    #header_img_google_play{
        /*float:none;*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        width:170px;
        height:60px;

    }
    #header_img_apple_store{

        display: block;
        margin-left: auto;
        margin-right: auto;
        width:170px;
        height:60px;

    }
    .contain2{
        flex-wrap: wrap;
    }
    .header_section
    {
        height:270px;
    }
}
@media only all and (max-width:308px) {
    .header_section{
        height: 300px;
    }
}