@media (max-width: 575.98px){
    .logotype{
        width: 300px;
    }
	.hole{

		top: calc(50% - 25px);
		left: calc(50% - 25px);
		width: 50px;
		height: 50px;
		opacity: 0.5;
	}
    h1{
        margin-top: 100px;
        margin-bottom: 0px;
        box-sizing: border-box;
        padding: 30px;
        font-size: 2.5em;
    }

    p{
		font-weight: 400;
        box-sizing: border-box;
        padding: 0 40px 30px 40px;
        text-align: center;
        line-height: 1.5em;
        font-size: 1.7em;   
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
}

@media (min-width: 1140px) and (max-width: 1365px){
    html{
        font-size: 43.75%;
    }
}
@media (min-width: 1366px) and (max-width: 1440px){
        html{
        font-size: 43.75%;
    }
}
@media (min-width: 1441px) and (max-width: 1600px){
    html{
        font-size: 50%;
    }
}
@media (min-width: 1601px) and (max-width: 1920px)
{
    html{
        font-size: 56.25%;
    }
}