html, body{height:100%;padding:0;margin:0;     font-family: "PT Sans", sans-serif;}


.title {
    transform: rotate(270deg);
    font-size: 1.8rem;
    position: fixed;
    WIDTH: 18%;
    white-space: nowrap;
    transform: translate(0, 75vh) rotate(270deg);
}

a{
	color:#fff;
	text-transform: uppercase;
    font-weight: 700;
}

.col{
	width: 12.5vw;
	
}

.cd-title {
    width: 12.5vw;
}

.espaco{
	min-height: 50%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1040px), (max-height: 600px){
.title {
    transform: rotate(270deg);
    font-size: 1.3rem;
    position: fixed;
    WIDTH: 16%;
    white-space: nowrap;
    transform: translate(0, 70vh) rotate(270deg);
}
}


@media (max-width: 920px), (max-height: 450px){
.title {
    transform: rotate(270deg);
    font-size: 1.3rem;
    position: fixed;
    WIDTH: 16%;
    white-space: nowrap;
    transform: translate(0, 73vh) rotate(270deg);
}
}


@media (max-height: 420px){
.title {
    transform: rotate(270deg);
    font-size: 1.2rem;
    position: fixed;
    WIDTH: 16%;
    white-space: nowrap;
    transform: translate(0, 60vh) rotate(270deg);
}
}

@media (max-width: 720px) {
.col{
	height: 12.5vh;
	width: 100vw;
	
}

.title{
	transform: unset;
	WIDTH: 94%;
    white-space: nowrap;
    transform: unset;
    text-align: right;
}
}