/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .contact-header { padding-top:25px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.contact-header { padding-top:20px;}
.contact-mail p { text-align:center;}
.contact-mail p a { font-size:18px; color:#722083; text-decoration:underline;}
.contact-mail p a:hover { text-decoration:none;}

.contact-tel { width:300px; margin-bottom:20px; }
.contact-tel img { margin:3px 10px 5px 5px;}
.contact-tel p { margin:0px; text-align:left; color:#722083;}
.contact-tel p a { font-size:22px; color:#722083;}
.contact-tel p a span {}
.contact-tel a:hover { text-decoration:none;}	
	
	.contact-header { padding-top:10px;}
    .slogan { display:none;}
    .slogan p {}    
    .contact-header {}
    .contact-header p {
    }
.header-border { border:2px solid #722083; min-height:200px; background-color:#FFFFFF; padding:2px;}
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.block-contact p strong { display:block;}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
body {background:url(img/bg-site.jpg); background-attachment:fixed; background-repeat:no-repeat;}
.slogan p {
}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.contact-header { padding-top:20px;}
.contact-mail p { text-align:center;}
.contact-mail p a { font-size:18px; color:#FFF; text-decoration:underline;}
.contact-mail p a:hover { text-decoration:none;}

.contact-tel { width:300px; margin-bottom:20px; }
.contact-tel img { margin:3px 10px 5px 5px;}
.contact-tel p { margin:0px; text-align:left; color:#FFF;}
.contact-tel p a { font-size:22px; color:#FFF;}
.contact-tel p a span {}
.contact-tel a:hover { text-decoration:none;}

.slogan { padding-top:20px;}
.header-border { border:0px solid #a71380; min-height:200px; background-image:url(img/bg-header.gif); background-position:left; background-repeat:no-repeat;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}