@font-face {
        font-family: 'comfortaa';
        src:url('../fonts/comfortaa.ttf');
}

.textblock {
        background-color:#1f2833;
        border-radius:2px;
        border: 1px solid #667;
        display:inline-block;
        width: auto;
        color: #c5c6c7;
        padding: 1% 1% 1% 1%;
        margin: 1% 1% 1% 1%;

}

.imgblock {
        background-color:#1e2832;
        border-radius:2px;
        border:1px solid #667;
        display:inline-block;
        width: 96%;
        height: 99%;
        color: #c5c6c7;
        padding: 1% 1% 1% 1%;
        margin: 15% 1% 1% 1%;
}

.imgblock img {
        margin: 1% 1% 1% 1%;
	float: left;
}

body {
        font: 100%/150% comfortaa;
        width: 60%;
        max-width: 80%;
        margin: 0 auto;
        background-color:#0b0c10;
}
p {
        margin: 0 0 20px;
}
a {
        color: #45a29e;
        text-decoration: none;
}
a:hover {
        color: #66fcf1;
}


h1, h2, h3 {
        color: #eee;
        margin: 20px 0 10px;
}
h1 {
        font-size: 1.7em;
        color: #bbb;
}
h2 {
        font-size: 1.4em;
}
h3 {
        font-size: 1.1em;
}

h1, h2, h3 {
    color: #999;
    margin: 20px 0 10px;
    font-family: "comfortaa";
 }


.zoom {
  transition: transform .2s;
  margin: 0 auto;
}

.zoom:hover {
  -ms-transform: scale(2); /* IE 9 */
  -webkit-transform: scale(2); /* Safari 3-8 */
  transform: scale(2); 
}

@media screen and (max-width: 900px) {
	body {
		max-width: 90%;
		width: 80%;
	}
}


@media screen and (max-width: 716px) {
	body {
		max-width: 98%;
		width: 96%;
	}
}