/*----------------For the fixed logo in top left ---------------------------*/


.whatsapp_overall2 {
background-color: rgba(0, 0, 0, 0.315);
position: fixed;
height: 58px;
width: 58px;
display: ;
}



.whatsapp_container2 {
text-align: ;
position: fixed;
top: 11px;
left: 11px;
z-index: 10;
}

/*This is the svg */
.whatsapp_logo_header2 {

/* Can change colour of the fill (the 'inside'or maincolour) and the stroke(the perimeter) here.  Or can do it at the bottom of the svg code*/

/* This is just a little lighter than maroon (#800000) - which is the colour of the page reminder*/
fill: ;
stroke:;
stroke-width: ;
/*Need to specify height AND width, else overall shape - with background - isnt square, and then can't position without using a minus value (which, as I say immediately below, itself causes a problem)*/
height:35px;
width: 35px;
position: ;
/*Cannot have a a minus value cos causes horiz scroll bar to appear, and overflow:hidden doesnt't turn it off*/
right: ;
/*This value is media-queried below, in this value.  */
top: ;
z-index: 10;
}

/*This contained the phone number*/
.whatsapp_phone_container2 {
text-align: left;
position: fixed;
top: 90px;
color: white;
z-index: 10;
}


/*--------MQ-----------------*/

/*---Makes logo disappear on a screen that's wider or taller than a mobile scree.  We only want the logo to appear on a small screen cos only then will the whatsapp feature work - i.e. go to whatsapp itself*/

@media screen and (min-width: 500px) and (min-height: 500px) {

.whatsapp_overall2 {
display: none;
}

}

/*--------END: MQ-----------------*/