/*Header*/

#gesuiti_header {
position:absolute;
background: #4F758B;
width:25rem;
float:left;
height:100%;
cursor: ns-resize;
z-index: 100;
opacity:1;
}

#site_link,
#gesuiti_link{
width: inherit;
float:left;
margin: 2rem 0 0 0;
}

#network_brand{
width: inherit;
box-sizing: border-box;
}

#network_logo{
display:none;
}

#site_name {
padding-top:0;
text-align:center;
width:inherit;
box-sizing: border-box;
}

#site_name.font-size-big{
font-size: 2.4rem;
}

#gesuiti_logo {
background: url(../Images/logoGesuiti.png) no-repeat;
margin: 0 auto;
width: 10rem;
height: 10rem;
background-size: contain;
}

#site_description {
color: rgba(254,254,254,0.7);
text-align: center;
padding: 1rem;
width:inherit;
box-sizing: border-box;
font-weight: 200;
}


.section-header {
float: left;
width: 100%;
margin: 0;
position: relative;
box-sizing: border-box;
}

.section-header p {
font-size: 1.8rem;
margin: 0;
padding: 0;
line-height: normal;
}


/* portrait */

.portrait #gesuiti_header {
position: relative;
height: 12rem;
width: 100%;
}

.portrait #site_link,
.portrait #gesuiti_link{
left: 2rem;
width: auto;
margin: auto 0;
height: inherit;
}

.portrait #gesuiti_logo {
position: absolute;
left: 2rem;
top: 0;
bottom: 0;
margin:auto;
}

.portrait #network_brand {
position: absolute;
top: 0;
left: 14rem;
height: 100%;
}	

.portrait #network_logo {
position: absolute;
top: 0;
left: 0;
bottom:0;
margin:auto;
}

.portrait #site_name {
padding: 0;
text-align: left;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
height: 3rem;
line-height: 3rem;
width:40rem;
}

.portrait #site_description {
font-size: 1.6rem;
text-align: left;
width: 50rem;
padding: 0;
/* margin-left: 0; */
position: absolute;
bottom: 2rem;
}

/*phone*/

.phone #gesuiti_header {
height:6rem;
}

.phone #gesuiti_link {
top: 0;
left: 0;
}

.phone #gesuiti_logo {
left: 1rem;
width: 5rem;
height: 5rem;
}

.phone #network_logo {
width: 4rem;
height: 4rem;
margin: auto;
}


.phone #network_brand {
left: 7rem;
}

.phone #site_name {
font-size: 1.6rem;
line-height: 2rem;
height: 2rem;
}

.phone #site_description {
display:none;
}