@media screen and (min-width: 1px) and (max-width: 980px) {
    .pageContainer {
        width: 100% !important;
    }
}

@media screen and (min-width: 981px) and (max-width: 1600px) {
    .pageContainer {
        width: 52% !important;
    }
}

@media screen and (min-width: 1600px) {
    .pageContainer {
        width: 34% !important;
    }
}

body {
    margin: 0;
    padding: 0;
    font-size:16px;
}


input:focus {
    outline:none !important;
}

.header {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 3% 0;
    background-color: white;
    float:left;
    border-bottom: 1px solid #c9c9c9;
}


.header-logo {
    text-align:left;
    padding-left:2%;
    float:left;
    width:25%;
}

.header-number {
    width:50%;
    text-align:center;
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    font-size:150%;
    color:white;
    float:left;
}


.header-login {
    display:none;
}

.header-plans {
    display:none;
}

.header-logo-size {
    width:85px;
}

.imgNumber {
    width:110px;
}

.pageContainer {
    clear:left;
    padding-top:3%;
}

.title {
    font-size: 120%;
    color: Black;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Calibri, Sans-Serif;
}

.mobile-dropdown {
    border: 2px solid #c5c5c5;
    border-radius: 10px;
    background-color: #fbfbfb;
    padding: 2%;
    width: 85%;
    font-size: 128%;
    background-image: url(../Images/mobile-dropdown-arrow.png);
    background-repeat: no-repeat;
    background-size:12px;
    background-position-x: 98%;
    background-position-y: 50%;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 4% 0;
    outline: none !important;
    font-family:Calibri, sans-serif;
}

    .mobile-dropdown:focus {
        border: 2px solid #009efc;
    }

/*
.mobile-button {
    background: #2bee2f; 
    background: -moz-linear-gradient(top, #2bee2f 0%, #259b1d 68%); 
    background: -webkit-linear-gradient(top, #2bee2f 0%,#259b1d 68%); 
    background: linear-gradient(to bottom, #2bee2f 0%,#259b1d 68%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bee2f', endColorstr='#259b1d',GradientType=0 ); 
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    font-family: Calibri,sans-serif;
    text-transform: uppercase;
    border: none;
    padding: 3% 16%;
    display: block;
    text-align: center;
    margin: 10% auto 0;
}
   */

/*
select.placeholder {
    color: #888;
}

option.placeholder {
    color: #000;
}

option:first-child.placeholder {
    color: #888;
}

.mobile-button.disabled {
    background-color: #808080;
}
*/

.mobile-textbox {
    border: 3px solid #c5c5c5;
    border-radius: 10px;
    background-color: #fbfbfb;
    padding: 2%;
    font-size: 145%;
    margin-bottom: 3%;
    font-family:Calibri, sans-serif;
}

    .mobile-textbox:focus {
        border: 2px solid #009efc;
    }

div.BlockingPanel {
    position:fixed;
	left:0px;
	top:0px;
	-webkit-transform: translateZ(0);
	background-color: black !important; 
	width: 100%;
    height: 100%; 
    opacity: .8; 
    filter: alpha(opacity=40);
    z-index:999;
}

.imgNext {
    width:170px;
}


.footer {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1% 0;
    clear:left;
    float:left;
    background-color:white;
    border-top:1px solid #c9c9c9;
}

.footer-links-section {
    width:97.5%;
    text-align:center;
    font-family:Calibri, Sans-Serif;
    font-size:90%;
    margin-left:2.5%;
    float:left;
}

.footer-social-section {
    width:100%;
    text-align:center;
    font-family:Calibri, Sans-Serif;
    font-size:90%;
    float:left;
}


.container {
    min-height:500px;
}

.facebook-logo {
    width:28px;
    margin: 4% 5% 4% 0;
}

.instagram-logo {
    width:28px;
    margin:4% 0 4% 5%;
}


/*-----MEDIA TAGS FOR DESKTOP-----*/

@media (min-width: 500px) {
body {
    font-size:24px !important;
    background-color:#38afff !important;
}
}


@media (min-width: 500px) {
.container {
    background-color:white !important;
    height:1100px !important;
    border:1px solid #c9c9c9;
}
}


@media (min-width: 500px) {
.pageContainer {
    padding-top:1% !important;
}
}

@media (min-width: 500px) {
.header {
    padding: 1% 0;
}
}


@media (min-width: 500px) {
.imgNumber {
    width:205px;
}
}


@media (min-width: 500px) {
.header-logo-size {
    width:188px;
}
}

@media (min-width: 500px) {
.imgNext {
    width:250px;
    cursor:pointer;
}
}

@media (min-width: 500px) {
    .footer {
        background-color: #38afff !important;
    }
}


@media (min-width: 500px) {
    .facebook-logo {
         width:35px;
        margin: 30px 20px 10px 0;
    }
}

@media (min-width: 500px) {
    .instagram-logo {
        width:35px;
        margin: 30px 0 10px 20px;
    }
}