html,body{
width: 100%;
height: 100%;
background-color: black;
padding: 3em 5em;
}
#container{
	background-color: rgb(173,173,173); padding: 1em; border-radius: 5px; margin-bottom: 6em;
}

.last-links{
	margin-top: 5em;	
}
.last-links a{
	color: #808080;
	margin-right: 1em;

}
.head-text{
	color: #808080;
}
.h1-text{
	font-size: 3em;
}
.hinwies h5{
	color: #333333;
}
.hinwies h5 span{
	text-decoration: underline;
}

.responsive {
  max-width: 100%;
  height: auto;
}


/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
html,body{
padding: 3em 0em;
}
#container{
	max-width: 100% !important;
}

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
#container {
    padding: 1.5em;
}
.h1-text {
    font-size: 2.5em;
}
 }

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
.h1-text {
    font-size: 1.5em;
}
.mt-5, .my-5 {
    margin-top: 2rem!important;
}
.hinwies h5 {
    font-size: 1em;
}
 }

/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
 .main-img-respon{
	width: 280px;
}
.btn-img-respon{
    width: 200px;
}
.last-links a {
    font-size: 0.7em;
}
}