@media screen and (min-width:815px)
{
div#main_div
{
border-style: solid;
border-width: 1px;
border-color: #376BAD;
border-radius: 5px;
padding: 5px;
height: auto;
width: auto;
}
div#main_layer
{
border-radius: 20px;
border-color: #BBCEE6;
border-width: 8px;
border-style: solid;
background-image: url(images/Bend_OR_rainbow.png);
background-repeat: no-repeat;
background-position: center;
margin-top: -126px;
height: 475px;
width: auto;
}
div#welcome_text
{
position: relative;
top: 9px;
margin-left: auto;
margin-right:auto;
width: 750px;
background-color: #FFFFFF;
border-radius: 5px 5px 0px 0px;
height: auto;
padding: 6px;
line-height: 18px;
border: 5px solid #BBCEE6;
}
div#proadvisor-ea-aipb
{
margin-top: 350px;
margin-left:5px;
width: 293px;
}
div#proadvisor-ea-aipb >div{
display: inline;    
}
.schema  h1
{
display: inline;
font-size: 16px;
font-weight: normal;
color: #000000;
}
.schema h2
{
display: inline;
font-size: 16px;
font-weight: normal;
color: #000000;
}
.schema
{
color: #000000;
font-family: verdana;
font-size: 16px;
font-weight: normal;
}
.schema a
{
color: #0000FF;
text-decoration: none;
font-weight: normal;
}
a#indexmobilecall{
    display: none;
}
}
/*start of mobile css*/
@media screen and (max-width:814px)
{
    div#main_div{
        clear: both;
        border-style: none;
        border-width: 0;
        border-radius: 0;
        border-width: 0;
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
    }
    div#main_layer{
        border-style: none;
        border-radius: 0;
        border-width: 0;
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
        background: none;
    }
    div#welcome_text{
        margin: 0;
        padding: 4px;
        width: auto;
        height: auto;
        border-radius: 0;
        border-left-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-top-width: 0;
        border-top-style: none;
        line-height: normal;
        
        
    }
    div#proadvisor-ea-aipb{
        margin: 0;
        padding: 4px;
        height: auto;
        width: auto;
    }
    div#proadvisor-ea-aipb > div{
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
        display: inline-block;
    }
   div#mobilerainbowimage{
       width: auto;
       height: 200px;
       margin: 0;
       padding: 0;
       background-image: url(images/Bend_OR_rainbow.png);
       background-position: center center;
       background-repeat: no-repeat;
       background-size: 100%;
   }
    .schema  h1{
       display: inline;
       font-size: 16px;
       font-weight: normal;
       color: #000000;
   }
    .schema h2{
        display: inline;
        font-size: 16px;
        font-weight: normal;
        color: #000000;
    }
    .schema{
        color: #000000;
        font-family: verdana;
        font-size: 16px;
        font-weight: normal;
    }
    .schema a{
        color: #0000FF;
        text-decoration: none;
        font-weight: normal;
    } 
   span#indexdesktopcall{
       display: none;
   }
    br#startfooterbreak{
        display: none;
    }
}
@media screen and (max-width:500px)
{
    div#mobilerainbowimage{
        height: 150px;
    }
}