div#page {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
	
@media (max-width: 750px) {.back-to-top {top:94%; right:5%; width:100px;font-size:12px;z-index:6000;} .top_image {width:300px; } .tile_size {width:500px; }   } 

@media (max-width: 750px) { #menuOne { display:none;} #menuTwo{visibility: visible; top:100px;} #cssmenu1{display:none;} nav{visibility: visible;} .darkline{visibility:hidden;} .darklineThin{visibility:visible   } .containerData{top:-55px;position:relative; }  } 

@media (min-width: 750px) {#menuOne{visibility: visible;} #menuTwo{display:none;} #cssmenu1{visibility: visible;} nav{display:none;} .darkline{visibility: visible;} .darklineThin{visibility:hidden;}}

p {font-family:"Comfortaa", sans-serif;}
	
body {margin:0px;}

body {font-family:"Comfortaa", sans-serif; text-decoration: none;}

.container{margin:auto; max-width:960px; }
	
.row {height:auto;}

.top_image {width:600px; }

.tile_size {width:250px; }

.tile_size_500 {width:500px; }

.top_image {width:600px; }

a {text-decoration: none;}

body {font-family:"Comfortaa", sans-serif; text-decoration: none; }
		
@media screen and (max-width: 800px) {
  .left, .main, .right {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
			
.footer {
	background-color:#efeef6;
	font-family:"Comfortaa", sans-serif;
	font-size:14px;
	padding-left:20px;
	padding-bottom:20px;
	height:230px;
	vertical-align:middle;
	text_decoration:none;
}
			
@media (max-width: 760px) { .footer { padding-left:100px;} } 
			
.button_block {font-family:"Comfortaa", sans-serif; text-decoration: none;}

.rounded_button_blue {border: 2px solid #857dba;border-radius: 0px 30px 30px 30px; background-color:#857dba; padding:7px; font-weight:bold; color:#fae628;font-size:22px;font-family:"Comfortaa", sans-serif;}

.rounded_button_yellow {border: 2px solid #fae628;border-radius: 0px 30px 30px 30px; background-color:#fae628; padding:7px; font-weight:bold; color:#857dba;font-size:22px;font-family:"Comfortaa", sans-serif;}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
	
	
	body {
background-color: #ffffff;
		/*
background-color: #ddf4e6;
		*/
}

.container{margin:auto; max-width:960px; }

.main {
width: 100%;
float: left;
background-color: #ffffff;
	/*
background-color: #ddf4e6;
	*/
}	
.top-right {
  position: absolute;
  top: 40px;
  right: 40px;
	font-family: Arial;
}	
.top-left {
  position: relative;
  top: 40px;
  left: 40px;
	font-family: Arial;
}	



.popup-centered {
  position: absolute;
  top: 300px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.centered {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translate(-50%, -50%);
}
		/*
.footer {
	background-color:#efeef6;
	font-family:"Comfortaa", sans-serif;
	font-size:14px;
	padding-left:20px;
	padding-bottom:20px;
	height:150px;
	vertical-align:middle;
	text_decoration:none;
}
*/
.footer p{color: #f7ea60 ;}
.footer a:link {color:#f7ea60 ; text-decoration:none;}
.footer a:visited {color:#f7ea60 ; text-decoration:none;}
.footer a:hover {text-decoration:none; background-color: transparent;}
.footer a:active {color:#f7ea60 ; text-decoration:none;}

.footer-arrow-list {padding-left:20px;}

@media (max-width: 760px) { .footer { padding-left:100px;} } 

.top_image {width:600px; }
	

.column {
	background-color:#efeef6;
	font-family:"Comfortaa", sans-serif;
	float:left;
	width: 30%;
	padding: 10px;
	height: 200px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	.column {width: 100%;}
	
	 .center {margin:auto;
	width:50%;
	padding-left:0px;}
  
}	
	
.center
{
margin:auto;
	width:60%;
	}