/*
Paletton.com
Palette UID: 50X0X0kaVz84jP27qHbeJtFiHpX

Fonts:
  font-family: 'Josefin Sans', sans-serif;
  font-family: 'Dancing Script', cursive;
  font-family: 'Josefin Slab', serif;
  font-family: 'Poiret One', cursive;
  font-family: 'Great Vibes', cursive;
  font-family: 'Tangerine', cursive;

  * {
      border: 1px red solid;
  }
*/

html {
	font-size: 62.5%;
}

a {
	color: black;
	text-decoration: underline;
	cursor: auto;
}

h2 {
	font-size: 3.5rem;
	font-family: 'Josefin Slab', serif;
}

h3 {
	font-size: 2rem;
	padding: 0;
	margin: 0;
	font-family: 'Josefin Slab', serif;
}

h4, h5, h6 {
	font-size: 2rem;
	padding: 0;
	margin: 0;
	font-family: 'Josefin Slab', serif;
}

p {
	font-family: 'Poiret One', cursive;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.8rem;
}

header {
	padding-top: 50px;
	padding-bottom: 50px;
	display: flex;
	border-radius: 5px;
	flex-direction: column;
	text-align: center;
	background-color: #FFF4DD;
	background-image: url('../img/logo2.png');
	background-position: center;
	background-size: cover;
	margin-right: -1%;
	margin-left: -1%;
	margin-top: -1%;
	text-shadow: 0 0 2rem #ECC880;
}

body {
	background: #FFE2A8;
}

footer {
	background: #CFA756;
	padding-right: 1%;
	padding-left: 1%;
	margin-right: -1%;
	margin-left: -1%;
	margin-bottom: -1%;
}

nav {
	width: 100%;
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#mainTitle {
	font-family: "Tangerine";
	font-size: 7.5rem;
	padding: 5px;
}

#mainTitle h1 {
	text-shadow: 0 0 2rem #ECC880;
}

#mainTitle a {
	text-decoration: none;
}

#mainAddress {
	font-family: 'Josefin Sans', sans-serif;
}

#mainContacts {
	font-family: 'Josefin Sans', sans-serif;
}

#myHr {
	width: 50%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 25%;
}

#container {
	width: 100%;
	font-family: "Josefin+Slab";
	display: flex;
	flex-direction: column;
}

#footerAddressFlex {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 2%;
}

#footerAddressFlexInside {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding-top: 2%;
}

#slogan {
	font-family: 'Dancing Script', cursive;
	font-size: 3.5rem;
}

.lrPadBig {
	padding-left: 15%;
	padding-right: 15%;
}

.lrPadMed {
	padding-left: 10%;
	padding-right: 10%;
}

.lrPadSmall {
	padding-left: 5%;
	padding-right: 5%;
}

.btn {
	width: 24.8%;
	text-align: center;
}

.overlay {
	background: transparent;
	position: relative;
	width: 100%;
	height: 500px;
	/* your iframe height */
	top: 500px;
	/* your iframe height */
	margin-top: -500px;
	/* your iframe height */
}

.box {
	/*background-image: url('http://lacasettadeigelsi.it/img/P1030224.JPG');*/
	margin-right: -1%;
	margin-left: -1%;
	min-width: 480px;
	padding: 0;
	background: #ECC880;
	display: flex;
	flex-wrap: wrap;
}

.boxDx {
	overflow: hidden;
	background: #FFF4DD;
	width: 45%;
	margin-right: 2.5%;
	margin-left: 2%;
	margin-top: 2%;
	margin-bottom: 2.5%;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	display: flex;
	text-align: justify;
}

.boxDx a {
	text-decoration: none;
}

.boxSx a {
	text-decoration: none;
}

.flexDisplayer {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	padding: 0;
	margin: 0;
}

.boxSx {
	overflow: hidden;
	background: #FFF4DD;
	width: 45%;
	margin-right: 2%;
	margin-left: 3%;
	margin-top: 2%;
	margin-bottom: 2.5%;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	display: flex;
	text-align: justify;
}

.boxContent {
	background: #FFF4DD;
	width: 100%;
	margin-right: 2%;
	padding-right: 2%;
	margin-left: 3%;
	margin-top: 2%;
	margin-bottom: 2.5%;
	text-align: justify;
	overflow: hidden;
}

.boxContent * {
	margin-left: 5%;
}

.miniFoto {
	border-radius: 10px;
	-webkit-box-shadow: 11px 10px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 11px 10px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 11px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.articleFotoSx {
  position : float;
  float: left;
  width: 25%;
}

.special {
  width: 70%;
  margin-left: 15%;
}

.landscape {
	margin-left: 0px;
	margin-right: 0px;
}