.relative {
position:relative;
}




/* Display */

.display-middle {
position:absolute;
top:50%;left:50%;
transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
}

.display-middle-bottom {
position:absolute;
bottom:2.75%;left:46.5%;
transform:rotate(90deg);
}

.display-left {
position:absolute;
top:50%;left:0%;
transform:translate(0%,-50%);
-ms-transform:translate(-0%,-50%);
}

.display-right {
position:absolute;
top:50%;right:0%;
transform:translate(0%,-50%);
-ms-transform:translate(0%,-50%);
}



/* Containers */

.container-095 { 
width:95%;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
}

.container-100 { 
width:100%;
margin:0;
padding:0;
}

.slogan-01 {
position:absolute;
top:770px;
width:18%;
left:35px;
z-index:5;
}



/* Spacers */

.spacer-01 { 
background-color:#fff;
width:100%;
height:0px;
}

.spacer-010 { 
background-color:#fff;
width:100%;
height:10px;
display:block;
}



@media only screen and (max-width: 1800px) {

.display-middle-bottom {
bottom:2.95%;left:46.5%;
}





@media only screen and (max-width: 1700px) {

.display-middle-bottom {
bottom:3.15%;left:46.5%;
}


.slogan-01 {
position:absolute;
top:710px;
width:18%;
left:35px;
}



@media only screen and (max-width: 1600px) {

.display-middle-bottom {
bottom:3.25%;left:46.5%;
}


.slogan-01 {
position:absolute;
top:650px;
width:18%;
left:35px;
}

}



@media only screen and (max-width: 1500px) {

.display-middle-bottom {
bottom:3.50%;left:46.5%;
}



.slogan-01 {
position:absolute;
top:620px;
width:18%;
left:35px;
}

}






@media only screen and (max-width: 1400px) {

.display-middle-bottom {
bottom:3.85%;left:46.5%;
}



.slogan-01 {
top:560px;
width:18%;
left:35px;
}

}






@media only screen and (max-width: 1300px) {

.display-middle-bottom {
bottom:4.10%;left:46.5%;
}

.slogan-01 {
top:510px;
width:18%;
left:35px;
}

}




@media only screen and (max-width: 1200px) {

.display-middle-bottom {
bottom:4.45%;left:46.5%;
}


.slogan-01 {
top:475px;
width:18%;
left:30px;
}


}



@media only screen and (max-width: 1100px) {

.display-middle-bottom {
bottom:4.65%;left:46.5%;
}


.slogan-01 {
top:450px;
width:18%;
left:30px;
}


}



/* Tablet */



@media only screen and (max-width: 1050px) {

.display-middle-bottom {
bottom:4.95%;left:46.5%;
}

.slogan-01 {
top:440px;
width:18%;
left:30px;
}

.container-095 { 
width:92%;
}

}



@media only screen and (max-width: 1000px) {

.display-middle-bottom {
bottom:5.35%;left:46.5%;
}


.slogan-01 {
top:400px;
width:19%;
left:25px;
}

}



@media only screen and (max-width: 950px) {

.display-middle-bottom {
bottom:5.45%;left:46.5%;
}



}




@media only screen and (max-width: 900px) {

.slogan-01 {
top:370px;
width:19%;
left:25px;
}

}





@media only screen and (max-width: 800px) {

.slogan-01 {
top:325px;
width:19%;
left:22px;
}

}





@media only screen and (max-width: 725px) {

.slogan-01 {
top:300px;
width:19%;
left:22px;
}

.container-095 { 
width:88%;
}

}





/* Phone */



@media only screen and (max-width: 650px) {

.slogan-01 {
top:340px;
width:19%;
left:22px;
}

}


@media only screen and (max-width: 600px) {

.slogan-01 {
top:325px;
width:20%;
left:21px;
}

}





@media only screen and (max-width: 500px) {

.spacer-01 { 
height:40px;
display:block;
}

.slogan-01 {
top:300px;
width:22%;
left:20px;
}

}






@media only screen and (max-width: 425px) {

.spacer-01 { 
height:40px;
}

.slogan-01 {
top:280px;
width:22%;
left:20px;
}


}





@media only screen and (max-width: 375px) {

.spacer-01 { 
height:35px;
}

}





@media only screen and (max-width: 325px) {



}