@font-face {
    font-family: "Roboto";
    src: url("../res/font/Roboto-Regular.ttf");
}
@font-face {
    font-family: "hand";
    src: url("../res/font/hand.ttf");
}
@font-face {
    font-family: "hand2018";
    src: url("../res/font/hand2018.ttf");
}
* {
    height:100%;
    width:100%;
    padding:0;
    margin:0;
 }
 html, body{

     font-family: "hand2018";
 }
 body{
    background-color: whitesmoke;
 }
 #wrapper {
    position:relative;
 }
 #top
 {
     float: left;
     width: 1px; height: 40%;

 }
 #toni{
     clear: left;
     height:75px;
     position:relative;
     width:300px;
     margin: 0 auto;
 }

 .div-b{
     height:75px;
     width:75px;
     float:left;
     position:relative;
  }
 #div-toni:hover, #toni:hover{
     cursor:pointer;
 }
 .start-img{
     position: absolute;
     top:0;
     left:0;
 }
 .start-img_l{
     position:absolute;
     top:0;
     left:0;
    opacity:0;
 }


#div-toni{
   position:absolute;
    bottom:10px;
    right:10px;
    width:75px;
    height:75px;
}


 @media screen and (min-width: 650px) {
     #toni{
         height:150px;
         width:600px;
     }

     .div-b {
         height: 150px;
         width: 150px;
     }
     #div-toni{
         bottom:10px;
         right:10px;
         width:150px;
         height:150px;
     }
 }

 @media screen and (min-width: 1200px) {
     #toni{
         height:200px;
         width:800px;
     }

     .div-b {
         height: 200px;
         width: 200px;
     }
     #div-toni{
         bottom:10px;
         right:10px;
         width:200px;
         height:200px;
     }
 }
 #toni-img:hover{
     -webkit-transition: 1s ease-in-out;
     -moz-transition: 1s ease-in-out;
     -o-transition: 1s ease-in-out;
     transition: 1s ease-in-out;

     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);

     transform: rotate(180deg);
 }
.hidden{
    visibility:hidden;
}
.visible{
    visibility: visible;
}
#subtitle{
    margin: 0 auto;
    text-align: center;
}