File: WITheme/WICMS/user/css/frameworks/header.css

.zapfino 
      {
    font-family: 'LinotypeZapfino One', arial;
    font-size: 65px;
    text-shadow: 4px 4px 4px #aaa;
    background-color: #2438BB;
    border: 2px solid blue;
    width: 100%;
    height: 95px;
    margin-left: 0px;
    text-align: -webkit-center;
    color: white;
      }
 .col-head {
    width: 100%;
    height: 90px;
}

.col-logo {
    width: 15%;
    float: left;
    height: 90px;
}


.logo {
    width: 100%;
    height: 90px;
}

.col-ms {
    width: 85%;
    float: left;
    height: 90px;
}

.slogan{
	 font-size: 20px;
    float: right;
    margin-top: 56px;
    margin-left: -126px;
    margin-right: 14px;
}

@media (min-width: 481px) {

    .zapfino 
      {
    font-family: 'LinotypeZapfino One', arial;
    font-size: 65px;
    text-shadow: 4px 4px 4px #aaa;
    background-color: #2438BB;
    border: 2px solid blue;
    width: 100%;
    height: 95px;
    margin-left: 0px;
    text-align: -webkit-center;
    color: white;
      }
 .col-head {
    width: 100%;
    height: 90px;
}

.col-logo {
    width: 15%;
    float: left;
    height: 90px;
}

.logo {
    width: 100%;
    height: 90px;
}

.col-ms {
    width: 85%;
    float: left;
    height: 90px;
}

.slogan{
     font-size: 20px;
    float: right;
    margin-top: 56px;
    margin-left: -126px;
    margin-right: 14px;
}
}

@media (min-width: 769px){

.zapfino 
      {
    font-family: 'LinotypeZapfino One', arial;
    font-size: 65px;
    text-shadow: 4px 4px 4px #aaa;
    background-color: #2438BB;
    border: 2px solid blue;
    width: 100%;
    height: 95px;
    margin-left: 0px;
    text-align: -webkit-center;
    color: white;
      }
 .col-head {
    width: 100%;
    height: 90px;
}

.col-logo {
    width: 15%;
    float: left;
    height: 90px;
}

.logo {
    width: 12%;
    height: 70px;
    float: left;
   margin-left: -19px;
    margin-top: 4px;
}

.col-ms {
    width: 85%;
    float: left;
    height: 90px;
}

.slogan{
     font-size: 20px;
    float: right;
    margin-top: 56px;
    margin-left: -126px;
    margin-right: 14px;
}

}

@media (min-width: 1200px){

.zapfino 
      {
    font-family: 'LinotypeZapfino One', arial;
    font-size: 65px;
    text-shadow: 4px 4px 4px #aaa;
    background-color: #2438BB;
    border: 2px solid blue;
    width: 100%;
    height: 95px;
    margin-left: 0px;
    text-align: -webkit-center;
    color: white;
      }
 .col-head {
    width: 100%;
    height: 90px;
}

.col-logo {
    width: 15%;
    float: left;
    height: 90px;
}
.logo{
    width: 12%;
    height: 70px;
    float: left;
    margin-left: -90px;
    margin-top: 4px;
}

.col-ms {
    width: 85%;
    float: left;
    height: 90px;
}

.slogan{
     font-size: 20px;
    float: right;
    margin-top: 56px;
    margin-left: -126px;
    margin-right: 14px;
}
}

@media (min-width: 1900px){

.zapfino 
      {
    font-family: 'LinotypeZapfino One', arial;
    font-size: 65px;
    text-shadow: 4px 4px 4px #aaa;
    background-color: #2438BB;
    border: 2px solid blue;
    width: 100%;
    height: 95px;
    margin-left: 0px;
    text-align: -webkit-center;
    color: white;
      }
 .col-head {
    width: 100%;
    height: 90px;
}

.col-logo {
    width: 15%;
    float: left;
    height: 90px;
}

.logo{
    width: 12%;
    height: 70px;
    float: left;
    margin-left: -368px;
    margin-top: 4px;
}

.col-ms {
    width: 85%;
    float: left;
    height: 90px;
}

.slogan{
     font-size: 20px;
    float: right;
    margin-top: 56px;
    margin-left: -126px;
    margin-right: 14px;
}
}