@font-face {
    font-family: daxline;
    src: url(daxline_thin.otf);
}

body{
font-family: 'Daxline', serif;
margin: 0;
padding: 0;
}

p{padding-left: 20px;
padding-right: 20px;}

#container{
width: 100%;
margin: 0
}
#inte{
width: 100%;
text-align: center;
background-color: #FFFFFF;
clear: both;
}

#inte h2{
color: #6E6D6C;
}

.foto{
width: 100%;
height: auto;
clear: both;
text-align: center;
}

img{
width: 100%;
height: auto;}

#logo{
width: 100%;
padding-top: 30px;}

#logo img{
width: 400px}

#rip img{
width: 300px}

#servizi{
width: 100%;
text-align: center;
padding-top: 10px;
font-size: 18px;
}

.hr2 {
width: 50%;
border: 0 none;
color: #5d769b;
background-color: #5d769b;
height: 2px;
margin-top: 2px;
}

#orario{
width: 100%;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
line-height: 30px;
font-size: 20px;
background-color: #BCC9DB
}

.titoletto{
font-size: 25px;
margin-bottom: 8px;
text-align: center;
color: #5d769b
}

#ordine{
font-size: 20px;
margin-top: 0px;
margin: auto;
}

.medio{
font-size: 18px;
}

#footer {
width: 100%;
clear: both;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
background: #F6F6F6;
}


#orari p{
line-height: 30px;
}
#orari h3{
margin-top: 1px;
}

h2{
font-size: 30px;
}

a{
font-weight: 700;
color: #000000;
}
@media only screen and (max-width: 700px){
	#logo{
width: 100%;
padding-top: 30px;}

#logo img{
width: 80%}

}