/* -------- default ----------- */ 
#mydivTitle {
font-size: 12px;
background-color: #FFFFFF;
}
/* --------- smartphone ----------- */
@media screen and (max-width: 767px) {
#mydivTitle {
font-size: 12px;
background-color: #E8f4f2;
padding-bottom: 20px;
padding-top: 20px;
}

#mydivBody {
font-size: 16px;
background-color: #FFFFFF;
min-height:500px;
}

#mydivFooter {
font-size: 16px;
color:#FFFFFF;
background-color: #6ECAC9;
}


}
/* -------- tablets----------- */
@media screen and (min-width: 768px) {
#mydivTitle {
font-size: 12px;
background-color: #E8f4f2;
padding-bottom: 20px;
    padding-top: 20px;
}

#mydivBody {
font-size: 16px;
background-color: #FFFFFF;
min-height:500px;
}


#mydivFooter {
font-size: 16px;
background-color: #6ECAC9;
color:#FFFFFF;
height:250px;
}


}
/* --------- small desktop screen ------------- */
@media screen and (min-width: 1024px) {
#mydivTitle {
font-size: 12px;
background-color: #E8f4f2;
padding-bottom: 20px;
    padding-top: 20px;
}

#mydivBody {
font-size: 16px;
background-color: #FFFFFF;
min-height:500px;
}


#mydivFooter {
font-size: 16px;
background-color: #6ECAC9;
color:#FFFFFF;
height:300px;
margin-top: 25px;
padding-top: 15px;
}

}
/* --------- large desktop screen ------------- */
@media screen and (min-width: 1280px) {
#mydivTitle {
font-size: 12px;
background-color: #E8f4f2;
padding-bottom: 20px;
    padding-top: 20px;
}



#mydivBody {
font-size: 16px;
background-color: #FFFFFF;
min-height:500px;
}



#mydivFooter {
background-color: #6ECAC9;
height:300px;
 font-family: "Avenir Next" !important;
    font-size: 14px; 
color:#FFFFFF;
width:100%;
float:left;
margin-top: 25px;
padding-top: 15px;

}

}


.error {
    width:200px;
    height:20px;
    height:auto;
    position:absolute;
    left:50%;
    margin-left:-100px;
    bottom:10px;
    background-color: #ff9999;
    color: #000000;
    font-family: Calibri;
    font-size: 20px;
    padding:10px;
    text-align:center;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
}

.success {
    width:200px;
    height:20px;
    height:auto;
    position:absolute;
    left:50%;
    margin-left:-100px;
    bottom:10px;
    background-color: #1aff1a;
    color: #000000;
    font-family: Calibri;
    font-size: 20px;
    padding:10px;
    text-align:center;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
}



.roundedButtons2
{
    color:#8c8e90;
    font-size:10pt;
    padding: 10px 20px; 
    background:#FFeb99;
    cursor:hand;
    border-radius:5px;
    border:none;  
	float:right;    
}

.roundedButtons3
{
    color:#6ECAC9;
    font-size:10pt;
    padding: 6px 8px; 
    background:#FFFFFF;
    cursor:hand;
    border-radius:5px;
    border:none;
}

.roundedButtons5
{
    color:#FFFFFF;
    font-size:12pt;
    padding: 10px 60px; 
    background:#6ECAC9;
    cursor:hand;
    border-radius:5px;
    border:none;
}

.roundedButtons6
{
    color:#FFFFFF;
    font-size:12pt;
    padding: 10px 60px; 
    background:#6ECAC9;
        cursor:hand;
    border-radius:5px;
    border:none;
}


a
{
    color:#6ecbca;
    text-decoration:none;   
}

a:focus, a:hover {
    color: #6ecbca;
    text-decoration: underline;
}

.roundedButtons
{
    color:#FFFFFF;
    font-size:10pt;
    padding: 10px 40px; 
    background:#6ECAC9;
    cursor:hand;
    border-radius:5px;
    border:none;
}




#emailAddress {
    margin-right: 5px;
}

#emailAddress::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
#emailAddress:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
#emailAddress::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
#emailAddress:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}




.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
	text-align: center;
}

ul#horizontal-list {
    list-style: outside none none;
    padding-top: 20px;
    margin: 0 !important;
    padding-left: 0;
    padding-right: 0;
}
ul#horizontal-list li {
    display: inline;
    padding-right: 10px;
    padding-left: 10px;
}


#mydivFooter p {
    margin: 0;
}

#mydivFooter a {
    color: #ffffff;
}
#mydivFooter a:hover {
    text-decoration: none;
}

#mydivFooter {
    bottom: 0;

}

#randomimg{padding-top:25px; padding-bottom:25px}

.fpbuttons {
    background-color: #6ecac9 ;
    border-radius: 5px;
    color: #ffffff;
    text-align: center !important;
    padding: 12px 50px 12px 50px;
    font-size: 16px !important;
}


@media screen and (min-width: 992px) {
.text {
    display: flex !important;
    flex-direction: column !important;
    height: 430px;
    justify-content: center !important;
}}




@media screen and (min-width: 768px) and (max-width: 991px) {
.text {
    display: flex !important;
    flex-direction: column;
    height: 255px;
    justify-content: center;
}}



@media screen and (max-width: 470px) {
.but a {
    background-color: #6ecac9;
    border-radius: 5px;
    color: #ffffff;
    float: right !important;
    font-size: 10px !important;
    padding: 5px 7px !important;
    text-align: center;
}}

.but a {
    float: right !important;
    background-color: #6ecac9;
    border-radius: 5px;
    padding: 12px 30px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
}

.icons {
    text-align: right;
}

@media screen and (max-width: 767px) {
	.icons {
    text-align: center;
}
.how{text-align:center;}
}

@media screen and (max-width: 360px) {
#mydivFooter {
    font-size: 10px !important;
}}



textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {   
    border-color: rgba(229, 103, 23, 0.8);
    box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075) inset, 0 0 8px rgba(229, 103, 23, 0.6);
    outline: 0 none;
}

textarea {
    width: 100%;
}

.cage {
    min-height: 590px !important;
}
.cage img {
    bottom: 0;
    position: absolute;
}

.pobox {
    min-height: 510px !important;
}
.pobox img {
    bottom: 0;
    position: absolute;
}

.faq{font-size:10pt;color:gray;}

a:focus, a:hover {
    color: #6ecbca !important;
    text-decoration: underline !important;
}

#desktopDove {
   display:block;
}

#mobileDove  {
  display:none;
}

@media (max-width: 640px) and (min-width: 320px){
  #desktopDove{
   display:none;
  }

  #mobileDove{
   display:block;
  }
}