@font-face {
    font-family: 'rain';
    src: url('../fonts/Rain Tungsten Medium.ttf');
}

body{
    color:#232323;
    font-family:Arial;
}

h1{
    text-align: center;
}

h1 a{
    font-family:rain;
    font-size: 5rem;
}
a{
    color:#006faa;
}

div#page{
    display:block;
    max-width:1000px;
    width:1000px;
    height:auto;
    margin: 0 auto; 
    border: 2px solid #2690e8; 
    padding: 38px;
    overflow: hidden;
}

p{
    font-size:2rem
}

p.support{
    text-align: center;
    font-size:2rem;
    font-weight:800;
}

p.report{
    text-align: left;
}

table.report_data{
    font-size:1.5rem;
    display:block;
    width:auto;    
    margin: 0.5rem;
}

ul{
    font-size:2rem;
}

th{
    background-color:#cccccc;
}
tr:nth-child(even){
    background-color:#fcfcfc;
}
tr:nth-child(odd){
    background-color:#f5f5f5;
}
td{
    text-align:right
}

img{
    width:1000px;
}

div.info-block{
    border:1px solid #232323;
    width:100%;
    height:max-content;
    font-size:2rem;
}

div.washing-description{
	width: calc(100% - 1rem);
	display:block;
	font-size:1rem;
	font-style:italic;
	line-height:1.5;
	padding:0rem 0.5rem;
	
}

table.automats{
	width:100%;
	font-size:0.8rem;
}

table.automats tr>:first-child{
	text-align:left;
}

table.automats td{
	padding:1rem;
	text-align:center;
}


@media screen and (min-device-width: 320px) and (max-device-width: 600px){
    div#page{
        width:calc(100% - 4px) !important;
        max-width:calc(100% - 4px) !important;
        padding: 0px !important;
        
    }    
    
    h1 {
        margin:0rem;
        text-align: center;
    }
    
    h1 a{
        font-size: 2.5rem !important;
    }
    
    
    img{
        width:100% !important;
    }
    
    p{
        font-size:1.3rem !important;
        margin-left:0.5rem;
        margin-right:0.5rem;
    }
    
    ul{
        font-size:1.3rem !important;
    }
    div.info-block{
        font-size:1.3rem !important;
        margin-left:0.5rem;
        margin-right:0.5rem;
        width: calc(100% - 1rem);
    }
    
    table.report_data{
        font-size:0.6rem !important;
        margin: 0.5rem;
    }
	
	table.automats td{
		padding:1rem 0rem !important;
	}
	
    
}