.my-wrapper { background-color: #202020; font-family: 'Comfortaa', cursive; }
.my-wrapper {padding-bottom: 40px; }
.my-wrapper article, 
.my-wrapper aside, 
.my-wrapper figure, 
.my-wrapper footer, 
.my-wrapper header, 
.my-wrapper hgroup, 
.my-wrapper menu, 
.my-wrapper nav, 
.my-wrapper section { display: block; }

.my-wrapper section{ max-width: 960px; margin: 0 auto; }
.my-wrapper h2{ font-size: 28px; }
.my-wrapper span.red{ color: #ff1200; }

.my-wrapper .block1{ background-color: #131313; text-align: center; }
.my-wrapper .block1 img{ max-width: 100%; padding: 0px;  }
.my-wrapper .block1 h2{ color: #ffffff; text-transform: uppercase; margin-top: 140px; }
.my-wrapper .block1 .grob{ margin-top: -200px; max-width: 200px; margin-left:120px; }

.my-wrapper .block2{ background-color: #fff; min-height: 360px; }
.my-wrapper .block2 .n{ margin: 0; font-weight: bold; padding: 20px; margin-top: 120px; position: absolute; }

.my-wrapper .block3{ background-color: #131313; text-align: center; color: #ffffff; padding-top: 20px; padding-bottom: 40px; }
.my-wrapper .block3 h2{ margin-bottom: 20px; }
.my-wrapper .block3 p{ margin-bottom: 20px; }
.my-wrapper .block3 img{ max-width: 100%; padding: 5px; }

.my-wrapper .block4{ text-align: center; background-color: #ffffff; padding-top: 20px; padding-bottom: 40px; }
.my-wrapper .block4 h2{ color: #131313; margin-bottom: 20px; }
.my-wrapper .block4 p{ color: #131313; margin-top: 10px; }
.my-wrapper .block4 img{ max-width: 100%; }

.my-wrapper .block5{ text-align: center; background-color: #323a45; padding-top: 20px; }
.my-wrapper .block5 h2{ color: #ffffff; margin-bottom: 20px; }
.my-wrapper .block5 p{ color: #ffffff; margin-top: 10px; }
.my-wrapper .block5 p.info{ text-align: left; padding: 40px; z-index: 9999; }
.my-wrapper .block5 img{ max-width: 100%; }

.my-wrapper .block6{ text-align: center; background-color: #ffffff; color: #000000; padding-top: 20px; padding-bottom: 20px; }
.my-wrapper .block6 p{ text-align: center; margin-top: 40px; }

/* responsive */
@media only screen and (max-width: 767px) {
	.my-wrapper .block1 h2{ margin-top: 10px; padding-bottom: 20px; }
	.my-wrapper .block1 .grob{ display: none; }
	h2{ font-size: 18px; }
	p{ font-size: 12px; }
}

@media only screen and (max-width: 420px) {
	.my-wrapper .block2 .n{ font-size: 12px; margin-top: 40px; }
}