@charset "utf-8";
/* CSS Document */


body {
	background-image: url("web_background_tablet.png");
	background-repeat:no-repeat;
	background-size:cover;
	height: 2039px;
    }

p.col {
	float: left;
	width: 33.33%;
	height: 600px;
	
}

.midcolumn2 {
	height: 0px;
	width:100%;
	font-family: "Edita Rg";
	font-size: 0px;
	text-align: center;
	color: none;
	}

.midcolumn3 {
	height: 0px;
	width:100%;
	font-family: "Edita Rg";
	font-size: 0px;
	text-align: center;
	color: none;
}	


.column {
	height: 0px;
	color: none;
	width: 0px;
}
.column5:after {
  content: "";
  clear: both;
  display: table; 
}


@media only screen and (min-width: 500px){
.topcolumn {
	height: 281px;
	width:100%;
	font-family: Vivaldi;
	font-size: 35px;
	text-align: center;
	color:#707070;
}
}

@media only screen and (min-width: 600px){
.topcolumn {
	height: 281px;
	width:100%;
	font-family: Vivaldi;
	font-size: 45px;
	text-align: center;
	color:#707070;
}
}



@media only screen and (min-width: 850px){
.topcolumn {
	height: 281px;
	width:100%;
	font-family: Vivaldi;
	font-size: 65px;
	text-align: center;
	color:#707070;
}
}
@media only screen and (min-width: 1100px){
.topcolumn {
	height: 350px;
	width:100%;
	font-family: Vivaldi;
	font-size: 85px;
	text-align: center;
	color:#707070;
}
}

@media only screen and (min-width: 500px) {
.midcolumn {
	height: 530px;
	width:100%;
	font-family: "Edita Rg";
	font-size: 20px;
	text-align: right;
	color: black;
}
}

@media only screen and (min-width: 600px) {
.midcolumn {
	height: 530px;
	width:100%;
	font-family: "Edita Rg";
	font-size: 28px;
	text-align: right;
	color: black;
}
}



@media only screen and (min-width: 800px) {
.midcolumn {
	height: 530px;
	width:100%;
	font-family: "Edita Rg";
	font-size: 30px;
	text-align: center;
	color: black;
}
}



@media only screen and (min-width: 880px) {
.midcolumn {
	height: 580px;
	width:100%;
	font-family: "Edita Rg";
	font-size: 30px;
	text-align: center;
	color: black;
}
}
@media only screen and (min-width: 1000px) {
.midcolumn {
	height: 700px;
	width:100%;
	font-family: "Edita Rg";
	font-size: 30px;
	text-align: center;
	color: black;
}
}

@media only screen and (min-width: 1200px) {
.midcolumn {
	height: 850px;
	width:100%;
	font-family: "Edita Rg";
	font-size: 45px;
	text-align: center;
	color: black;
}
}


@media only screen and (min-width: 500px) {
.column2 {
	height: 300px;
	width: 33.33%;
	font-family: "Edita Rg";
	font-size: 25px;
	float: left;
	text-align: center;
}
}

@media only screen and (min-width: 880px) {

.column2 {
	height: 500px;
	width: 33.33%;
	font-family: "Edita Rg";
	font-size: 28px;
	float: left;
	text-align: center;
}
}

@media only screen and (min-width: 1300px) {
.column2 {
	height: 300px;
	width: 33.33%;
	font-family: "Edita Rg";
	font-size: 69px;
	float: left;
	text-align: center;
}
}


.column3 {
	
	width: 33.33%;

}
.row:after {
  content: "";
  display: table;
  clear: both;
}