@import url('https://fonts.googleapis.com/css?family=Montserrat|Open+Sans');
.invisible-css {
	display:none;
}
#wrapper {
		width: 100%;
    height: 100%;
}
body 
{
  font-size: 14px;
  line-height: 1.42857143;
  color: #fff;
  background-color: #ffffff;
  padding-top: 50px;
  color: black;
  font-family: 'Open Sans', sans-serif;
	width: 100%;
    height: 100%;
}

p
{
  font-size: 18px;
	
}

h1, h2
{
  color: #572961;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}

.home {
    background-image: url(/assets/team/team-t.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    background-color: #572961;
}
.second
{
  background-image: url("/assets/backgrounds/servers-comp.jpg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}

.third
{
  background-image: url("../../assets/backgrounds/pattern.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.center
{
  text-align: center;
}

.chip {
    display: inline-block;
    padding: 0 25px;
    height: 250px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 25px;
    background-color: #f1f1f1;
}

.chip img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 250px;
    width: 250px;
    border-radius: 50%;
}

.hr-coloured {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #572961;
}


.about-me {
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 30px;
}
.rotated {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transition: opacity 0.4s ease-out;-ms-transition: opacity 0.4s ease-out;-moz-transition: opacity 0.4s ease-out;-webkit-transition: opacity 0.4s ease-out;}

/*

CUSTOM 5 COLUMN ROW 

*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 1570px){
.container {
    width: 1570px !important;
}
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.ribbon {
		position: absolute;
		right: 30px;
		top: -5px;
		z-index: 1;
		overflow: hidden;
		width: 75px;
		height: 75px;
		text-align: right;
	}

	.ribbon span {
		font-size: 10px;
		font-weight: bold;
		color: #FFF;
		text-transform: uppercase;
		text-align: center;
		line-height: 20px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		width: 100px;
		display: block;
		background: #79A70A;
		background: linear-gradient(#F70505 0%, #8F0808 100%);
		box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
		position: absolute;
		top: 19px;
		right: -21px;
	}

	.ribbon span::before {
		content: "";
		position: absolute;
		left: 0px;
		top: 100%;
		z-index: -1;
		border-left: 3px solid #8F0808;
		border-right: 3px solid transparent;
		border-bottom: 3px solid transparent;
		border-top: 3px solid #8F0808;
	}

	.ribbon span::after {
		content: "";
		position: absolute;
		right: 0px;
		top: 100%;
		z-index: -1;
		border-left: 3px solid transparent;
		border-right: 3px solid #8F0808;
		border-bottom: 3px solid transparent;
		border-top: 3px solid #8F0808;
	}