body {
    font: 16px/1.5 "Montserrat", "sans-serif" !important;
    color: #1f2d4f !important;
    background: #fff !important;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -ms-overflow-style: scrollbar;
    -webkit-font-smoothing: antialiased;
    position: relative;
}

/* --------- custom-css --------- */

.montserrat-light{
    font-family: "Montserrat Light" !important;
    font-weight: 300;
}

.montserrat{
    font-family: "Montserrat" !important;
    font-weight: normal;
}

.montserrat-bold{
    font-family: "Montserrat" !important;
    font-weight: bold;
}

.m24--primarycolor{
    color: #dd073c !important;
}

.m24--bgprimary{
    background: #dd073c !important;
}

.m24--shadow {
    -webkit-box-shadow: 0 1px 15px 1px rgba(90, 90, 90, .08);
    box-shadow: 0 1px 15px 1px rgba(90, 90, 90, .08);
}


/* -------- header -------- */
.m24--header{
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
}
.m24--header nav{
    padding: 4rem 3rem 4rem 7rem;
}
.m24--header nav h1{
    font-family: "";
}
.m24--header nav .navbar-brand img{width: 60%;}

nav .m24--social li a svg{
    transition: transform 0.3s ease-in-out;
}

nav .m24--social li a .st0{
    fill:none;
    stroke:#FFF;
    stroke-width:0.7546;
    stroke-miterlimit:10;
}
nav .m24--social li a .st1{
    fill:#FFF;
}
nav .m24--social li a:hover svg{
    transform: translateY(-5px);
}
nav .m24--social li a:hover .st0{
    stroke:#dd073c;
}
nav .m24--social li a:hover .st1{
    fill:#dd073c;
}
/* ----------------------- */

/* -------- banner -------- */
.m24--banner{
    position: relative;
    width: 100%;
    height: 900px;
    background: url("../images/Giorgia Fabri sito-09.png") top right / cover no-repeat;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-end !important;
}
.m24--banner .m24--giorgia img{width: 80%;}
/* ------------------------ */

/* ------ m24--fabri ------ */
.m24--fabri .m24--fabricenter{
    position: relative;
    padding: 5rem;
}
/* ------------------------- */

/* ------ m24--fabricontent ------ */
.m24--fabricontent .fabricontent-left{
    min-height: 400px;
    background: url("../images/Giorgia Fabri sito-08.png") top center / cover no-repeat;
}
.m24--fabricontent .fabricontent-right{
    padding: 4rem;
}
.m24--fabricontent .fabricontent-right p.read-content{
    font-size: 28px;
    line-height: 46px;
    color: #fff;
    font-family: 'Montserrat Light' !important;
}
/* ------------------------- */

/* ------ m24--socialmedia ------ */
.m24--socialmedia{
    padding: 6rem 0px;
}
.m24--socialmedia .m24--socialmediapost ul a .st0{
    fill:none; 
    stroke:#dd073c;
    stroke-width:0.7546;
    stroke-miterlimit:10;
}
.m24--socialmedia .m24--socialmediapost ul a .st1{
    fill:#dd073c;
}

.m24--socialmedia h2{
    font-size: 36px;
    line-height: 36px;
}
.m24--socialmedia ul a svg{
    transition: transform 0.3s ease-in-out;
}
.m24--socialmedia .m24--email ul a .st0{
    fill:#dd073c;
}
.m24--socialmedia .m24--email ul a .st1{
    fill:none; 
    stroke:#dd073c;
    stroke-width:0.7546;
    stroke-miterlimit:10;
}
.m24--socialmedia ul a:hover svg{
    transform: translateY(-5px);
}
/* ------------------------- */

/* -------- m224--footer ------- */
.m224--footer{
    padding: 1.3rem 0px;
}
.m224--footer .copyright p a{
    opacity: 0.8;
    transition: opacity 0.3s ease-in-out;
}
.m224--footer .copyright p a:hover{opacity: 1;}
/* ----------------------------- */


/* --------- Media Query ---------- */
@media only screen and (min-width: 1920px){
    /* -------- header -------- */
    .m24--header nav h1{font-size: 38.72pt;}
    /* ----------------------- */
	
    /* -------- banner -------- */
    .m24--banner{
        height: 1080px;
	}
    .m24--banner .m24--giorgia img{width: 100%;}
    /* ------------------------ */
	
    /* ------ m24--fabricontent ------ */
    .m24--fabricontent .fabricontent-right{
        padding: 5rem;
	}
    .m24--fabricontent .fabricontent-right p.read-content{
        font-size: 40px;
        line-height: 60px;
	}
    /* ------------------------- */
	
    /* ------ m24--socialmedia ------ */
    .m24--socialmedia h2{
        font-size: 44px;
	}
    /* ----------------------------- */
}

@media only screen and (max-width: 1024px){
    .m24--socialmedia ul a svg{
        width: 50px;
        height: 50px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
    .m24--header nav {
        padding: 3rem 2rem;
	} 
    .m24--header nav h1{font-size: 34px;} 
    nav .m24--social li a svg{width: 50px; height: 50px;}
    .m24--banner{height: 720px;}
    .m24--banner .m24--giorgia img {width: 60%;}
    .m24--fabri .m24--fabricenter{padding: 2.5rem 2rem;}
    .m24--fabri .m24--fabricenter img{width: 70%;}
    .m24--fabricontent .fabricontent-left{min-height: 500px;}
    .m24--fabricontent .fabricontent-right {padding: 3rem;}
    .m24--fabricontent .fabricontent-right p.read-content{
        font-size: 22px;
        line-height: 36px;
	}
    .m24--socialmedia {padding: 3rem 0px;}
    .m24--socialmedia h2 {
        font-size: 26px;
        line-height: 36px;
	}
}

@media only screen and (max-width: 767px){
    .m24--header nav {
        padding: 2rem;
	}
    .m24--header nav h1{font-size: 20px;}
    .m24--header nav .navbar-brand img {
        width: 60%;
	}
    .m24--header nav .m24--social li a svg {
        width: 40px;
        height: 40px;
	}
    .m24--banner{height: 460px;}
    .m24--banner .m24--giorgia img {
        width: 60%;
	}   
    .m24--fabri .m24--fabricenter{padding: 2rem;}
    .m24--fabri .m24--fabricenter img{
        width: 60%;
        margin: 0 auto;
	}
    .m24--fabricontent .fabricontent-right {padding: 2rem;}
    .m24--fabricontent .fabricontent-right p.read-content{
        font-size: 20px;
        line-height: 34px;
	}
    .m24--socialmedia {padding: 2rem 0px;}
    .m24--socialmedia h2 {
        font-size: 22px;
	}
}

@media only screen and (max-width: 480px){
    .m24--header nav {
        padding: 2rem 0rem;
	}
    .m24--header nav .navbar-brand img {
		width: 100%;
		margin-top: 70px;
	}
	.m24--fabricontent .fabricontent-left {
		min-height: 600px;
	}
    .m24--header nav .m24--social li a svg {
        width: 34px;
        height: 34px;
	}
    .m24--banner{height: 420px;}
    .m24--banner .m24--giorgia img {
        width: 60%;
	}
    .m24--fabri .m24--fabricenter {
        padding: 1rem;
	}
    .m24--fabri .m24--fabricenter img{
        width: 60%;
        margin: 0 auto;
	}
    .m24--fabricontent .fabricontent-right {padding: 1.5rem;}
    .m24--fabricontent .fabricontent-right p.read-content{
        font-size: 16px;
        line-height: 26px;
	}
    .m24--socialmedia ul a svg{
        width: 40px;
        height: 40px;
	}
    .m24--socialmedia h2 {
        font-size: 18px;
        line-height: 26px;
	}
}
/* -------------------------------- */









/****************** custom ***************************/
.read-content {
	color: #fff;
	font-size: 20px;
}

.nav-toggle {
	display: block;
	text-align: center;
	font-size: 30px;
	margin-top: 30px;
}
.nav-toggle small {
	display: block;
}

@media only screen and (max-width: 480px){
	.m24--header nav h1 {
		font-size: 20px;
		max-width: 140px;
	}
}