/* instagram SECTION INDEX PAGE STYLE */

body {
		background-image: url("../images/brndtilegrad_dark.gif");
}


#navcontainer {

    background-color: rgba(185,155,200,.35);
background: linear-gradient(to right, rgba(185,155,200,.75) , rgba(185,155,200,0));
    border-radius: 20px;
}




/*  SECTION CONTAINER HOME Pages - Holds all the content!!! */

.secttitle {
width:85%;
background-color: #d9bbe8;
border: .15em solid #311340;
border-radius: 12px;
margin: 0 .3em 0 0;
padding: .2em;
float: left;
opacity: .7;
}

.secttitle h2 a:hover {
display: inline;
}

.secttitle img {
border: 0;
}

.secttitle .weak {
font-weight: 400;
font-size: 90%;
}

#titlebreaker1, #titlebreaker2, #titlebreaker3 {
display: none;
}

#instagrambut {
	display: inline-block;
}


/* END - SECTION CONTAINER formatting */



/* instagram Section  */

.instagram {
width: 95%;
margin: .3em;
float: left;

}

.instagram a:hover {
display: inline;
}

.instagram img {
width: 200px;
}

.instagrampage {
	background-color: #533562;
	background-repeat:no-repeat;
    background-size:100% 100%;
	max-width: 850px;
	border-radius: 25px;
}
#instagrammonochromatic {
	background-image: url("../instagram/images/monochromatic.jpg");   
}

#instagramchurches {
	background-image: url("../instagram/images/churches.jpg");   
}

#instagramsignage {
	background-image: url("../instagram/images/signage.jpg");   
}

#instagramcolorful {
	background-image: url("../instagram/images/colorful.jpg");   
}

.instagramblanker {
	background-color: rgba(83,53,98,.75);
	overflow: auto;
	padding: 10px 0 10px 2%;
	border-radius: 25px;
	}




iframe {
width: 400px;
height: 455px;
}

.swapimage {
	position: relative;
	float: left;
	margin: 1px 2px;
}


.swapimagebut {
	float: right;
	margin: 5px 10px;
}

.swapimagebut button {
	font-size: 24px;
	font-weight: 700;
	color: #311340;
	border: 3px solid #311340;
	border-radius: 5px;
	background-color: #c9abd8;
}

.swapimagebut button:hover {
	color: #533562;
	background-color: #d9bbe8;
}

.swapimagebut button:focus {
	outline: none;
}

/* END - instagram Section */


/* 1200 MAX Begin */

@media screen and (max-width: 1200px) {

	.instagrampage {
		max-width: 740px;
	}

iframe {
width: 350px;
height: 400px;
}
}

/* 1050 MAX Begin */

@media screen and (max-width: 1050px) {

	.instagrampage {
		max-width: 635px;
	}


iframe {
width: 300px;
height: 340px;
}
}


/* 900 MAX Begin */

@media screen and (max-width: 900px) {
.instagram img {
width: 220px;
}

	.instagrampage {
		max-width: 545px;
	}

iframe {
width: 255px;
height: 300px;
}
}

/* END - 900 MAX */

/* 768 MAX Begin */

@media screen and (max-width: 768px) {
	
	#navcontainer {

    background-color: rgba(185,155,200,.35);
background: linear-gradient( rgba(185,155,200,.75) , rgba(185,155,200,0));
}

/*  SECTION CONTAINER HOME Pages - Holds all the content!!! */

.secttitle {
width:85%;
background-color: #d9bbe8;
border: .15em solid #311340;
border-radius: 12px;
margin: 0 .3em 0 0;
padding: .2em;
float: left;
opacity: .7;
}

/* END - SECTION CONTAINER formatting */



/* instagram Section  */

.instagram {
width: 95%;
margin: .3em;
float: left;
}

.instagram img {
width: 200px;
}

	.instagrampage {
		max-width: 635px;
	}

iframe {
width: 300px;
height: 340px;
}

/* END - instagram Section */
}
/* END - 768 MAX */

/* 700 MAX Begin */

@media screen and (max-width: 700px) {
	
	.instagrampage {
		max-width: 565px;
	}

iframe {
width: 265px;
height: 305px;
}
}

/* 650 MAX Begin */

@media screen and (max-width: 650px) {
	
		.instagrampage {
		max-width: 530px;
	}

iframe {
width: 250px;
height: 300px;
}
}


/* 600 MAX Begin */

@media screen and (max-width: 600px) {

.instagrampage {
	background-color: #d9bbe8;
	background-repeat:repeat-y;
    background-size: 100% 25%;
	border-radius: 0px;
	max-width: 460px;
}


.instagramblanker {
	background-color: rgba(83,53,98,.75);
	overflow: auto;
	padding: 1px;
	border-radius: 0px;
	}

iframe {
width: 450px;
height: 500px;
}
}

/* 480 MAX Begin */

@media screen and (max-width: 480px) {

/*  SECTION CONTAINER HOME Pages - Holds all the content!!! */

.secttitle {
width:85%;
background-color: #d9bbe8;
border: .15em solid #311340;
border-radius: 12px;
margin: 0 .3em 0 0;
padding: .2em;
float: left;
opacity: .7;
}

#titlebreaker1, #titlebreaker2, #titlebreaker3 {
display: inline;
}

/* END - SECTION CONTAINER formatting */



/* instagram Section  */

.instagram {
width: 95%;
margin: .3em;
float: left;
}

.instagram img {
width: 45%;
}

iframe {
width: 375px;
height: 425px;
}
/* END - instagram Section */
}
/* END - 480 MAX */

/* 376 MAX Begin */

@media screen and (max-width: 376px) {

/*  SECTION CONTAINER HOME Pages - Holds all the content!!! */

.secttitle {
width:90%;
background-color: #d9bbe8;
border: .15em solid #311340;
border-radius: 12px;
margin: 0 .3em 0 0;
padding: .2em;
float: left;
opacity: .7;
}



/* END - SECTION CONTAINER formatting */

/* instagram Section  */

.instagram {
width: 95%;
margin: .3em;
float: left;
}

.instagram img {
width: 100%;
}

iframe {
width: 280px;
height: 325px;
}

/* END - instagram Section */
}
/* END - 376 MAX */