.topimage{
    
    width: 100%;
    height: 100vh;
}
  
.colorbox{
    
    background-color: #27ae60;
	padding-bottom: 40px;
		padding-top: 20px;
		padding-left:15%;
		padding-right:15%;
		color: white;
		text-align:center;
}

.colorboxnopadding{
    
    background-color: #27ae60;
	padding-bottom: 40px;
		padding-top: 20px;
		color: white;
		text-align:center;
}

@font-face {
  font-family: 'deftone';
  src: url('http://cestovanie.diodegames.eu/fonts/deftone-stylus.ttf');
}

@font-face {
  font-family: 'AutourOne';
  src: url('http://cestovanie.diodegames.eu/fonts/AutourOne.ttf');
}
h1, h2, h3, h4 { font-family: 'deftone', 'Georgia', serif; }
p { font-family: 'AutourOne', 'Georgia', serif; }
li { font-family: 'AutourOne', 'Georgia', serif; }

@font-face {
  font-family: 'great-vibes';
  src: url('http://cestovanie.diodegames.eu/fonts/great-vibes.ttf');
}

.handwritetext{
 font-family: 'great-vibes', 'Georgia', 'serif'; 
 font-size: 62px;
 color: white;
}


.imageScale {
    width: 100%;
    height: 100%;    
}

.imageScale img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.imageScale:hover img {
    -webkit-transform:scale(1.5); /* Safari and Chrome */
    -moz-transform:scale(1.5); /* Firefox */
    -ms-transform:scale(1.5); /* IE 9 */
    -o-transform:scale(1.5); /* Opera */
     transform:scale(1.5);
}