i.fa
{
    font-size : 20px;
    margin : 5px;
	color: #fff;
    vertical-align : middle;
}
#instagram
{
    display : flex;
    justify-content : center;
    align-items : center;
    align-content : flex-start;
    flex-flow : row wrap;
    max-width : 1100px;
    padding : 0 65px;
    margin : 0 auto;
    position : relative;
}
#instagram > a
{
    display : none;
    border : 5px solid rgba(0,0,0,0);
    overflow : hidden;
    cursor : pointer;
}
#instagram > a.visible
{
    display : block;
}
#instagram > a,
#instagram > a > img
{
    max-width : 200px;
    max-height : 200px;
    z-index : 99;
    position : relative;
}
#instagram > a > img
{
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
#instagram > a:hover img
{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
#instagram > a > .description
{
    opacity : 0;
    position : absolute;
    top : 0;
    left : 0;
    display : flex;
    align-items : center;
    align-content : center;
    justify-content : center;
    flex-flow : row wrap;
    color : #fff;
    z-index : 0;
    width : 100%;
    height : 100%;
    background-color : rgba(140,30,30,.7);
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
#instagram > a > .description p span
{
    margin : 0 10px;
}

#instagram .description a {
	color:#fff;
	text-decoration: none;
}

#instagram .description a:hover {
	text-decoration: underline;
	color:#fff;
}

#instagram > a > .description p
{
	position: initial;
	background: none;
	border-left: none;
	height: initial;
	font-size: initial;
    text-align : center;
    display : block;
    width : 90%;
    margin : 5px auto;
}
#instagram > a:hover .description
{
    z-index : 99;
    opacity : 1;
}
#instagram nav
{
    position : absolute;
    top : calc(55% - 50px);
    left : 0;
    width : auto;
    display : flex;
    justify-content : space-between;
    align-items : center;
    width : 100%;
    z-index : 0;
	max-width: none;
}
#instagram nav.popup-nav
{
    top : 42%;
}
#instagram nav > div
{
    width : 100px;
    height : 100px;
    cursor : pointer;
    text-align : center;
    background-color : rgba(0,0,0,.0);
    border-radius : 100%;
    display : flex;
    align-items : center;
    justify-content : center;
    color : #fff;
}
#instagram nav div i.fa
{
    font-size : 65px !important;
    color : #888;
    width : 60px;
}
#instagram nav div:hover i.fa
{
    color : #555;
}
#instagram nav div:active i.fa
{
    color : #333;
}
#instagram .count
{
    background-color : rgba(0,0,0,.3);
    color : #fff;
    padding : 10px 20px;
    position : absolute;
    bottom : 5px;
    right : 0;
    border-radius : 4px;
    font-size : .7em;
    opacity : .3;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    display : none;
}
#instagram .count:hover
{
    opacity : 1;
    cursor : default;
}
#instagram .pop-up
{
    padding : 20px;
    position : absolute;
    top : 0px;
    left : calc(50% - 300px);
    width : 600px;
    height : 700px;
    background-color : rgba(255,255,255,.9);
    box-shadow : 0 0 10px rgba(0,0,0,.2);
    z-index : 99999;
    border-radius : 2px;
    border : 1px solid #666;

    display : flex;
    flex-flow : row wrap;
    justify-content : center;


    transition: all .3s;
    transform: scale(0);
}
#instagram .pop-up.animate
{
    transform: scale(1);
}
#instagram .pop-up > div
{
    width : 100%;
}
#instagram .pop-up > div p
{
    margin : 0 10px 10px;
}
#instagram .pop-up img
{
    min-width : 600px;
    width : 600px;
    height : 600px;
    min-height : 600px;
    margin : 0 auto;
}
#instagram .pop-up i
{
    cursor : pointer;
}
#instagram .pop-up .likes
{
}
#instagram .pop-up span
{
    color : #888;
}
#instagram .close
{
    cursor : pointer;
    position : absolute;
    top : -20px;
    right : -20px;
    padding : 5px;
    background-color : #666;
    color : #fff;
    width : 30px;
    height : 30px;
    border-radius : 100%;
    display : flex;
    justify-content : center;
    align-items : center;
    font-style : normal;
}
#instagram .close:hover
{
    background-color : #555;
}
#instagram .close:active
{
    background-color : #333;
}
#instagram .wrapper
{
    background-color : rgba(0,0,0,.9);
    position : fixed;
    top : 0;
    left : 0;
    width : 100%;
    height : 100vh;
    z-index : 9999;
    display : none;
}
#instagram .pop-up .description p
{
    margin : 5px 0;
    color : #666;
}
#instagram .pop-up .description p span
{
    margin : 0 5px;
}
#instagram .pop-up nav
{
    width : 140%;
    left : -20%;    
}

#instagram .pop-up nav i.fa
{
    color : #999;
}
#instagram .pop-up nav i.fa:hover
{
    color : #fff;
}
#instagram .pop-up nav i.fa:active
{
    color : #eee;
}
#instagram .pop-up .description i:hover
{
    color : #333;
}

#instagram header
{
	z-index: 2;
	position: initial;
    display : flex;
    align-items : center;
    justify-content : space-between;
    width : 100%;
    padding : 15px;
    background-color : #fff;
    border-bottom : 1px solid #ccc;
    margin-bottom : 10px;
	box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
#instagram header img
{
    border-radius : 100%;
    margin : 5px;
    max-width : 50px; 
}
#instagram header > div
{
    display : flex;
    align-items : center;
    justify-content : center;
}
#instagram header h1
{
    font-size : 1.2em;
    font-weight : normal;
    margin-left : 10px;
}
#instagram header a
{
    padding : 10px 15px;
    margin : 5px;
    border-radius : 4px;
    color : #fff;
    text-decoration : none;
    font-weight : 400;
    font-size : 1em;
    background-color : #7f0c0c;
}
#instagram header a:hover
{
    background-color : #6f0b0b;
}

@media(max-width: 667px) {
	#instagram header {display:block !important;}
	#instagram a.main-href {display: inherit;text-align: center;}
	#instagram {padding:0}
	#instagram .fa.fa-angle-right, #instagram .fa.fa-angle-left {
		display:none;
	} 
	#instagram .pager-mobile {display:block !important}
	#instagram .pop-up {left: inherit;width: 87%;height: auto;display: block;}
	#instagram .pop-up img {
		min-width: inherit;
		width: 80%;
		height: inherit;
		min-height: inherit;
		top: 9%;
	}
}