body {
	margin: 0px; 
	overflow: hidden; 
	text-align:center; 
	background: #ff00ff; /* Old browsers */
	background: #ff00ff; /* Old browsers */
	background: -moz-linear-gradient(left, #ff00ff 0%, #930dfc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ff00ff 0%,#930dfc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ff00ff 0%,#930dfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff00ff', endColorstr='#930dfc',GradientType=1 ); /* IE6-9 */
	copy
	min-height: 100vh;
	color: #00567d;
	text-align:left;
	border-color: #ffffff;
	border-width: 3px;
	font-family: "tenso", sans-serif;
	}

.container {
	flex: 1 0 auto;
	flex-direction: column;
	padding:3rem;
}

#top, #bottom, #left, #right {
	background: #ffffff;
	position: fixed;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 15px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 15px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }




/* Typography */

body, div, button {
	font-family:"tenso", Calibri, Roboto, sans-serif; font-size-adjust:0.508; font-weight:300 !important; 
	color: #f55af9;
}
#title {
	color: white;

}

h1 {
	font-weight: 300 !important;
}

 a, #myBtn {color: #f55af9;
  transition: all 0.4s linear;}

/* unvisited link */
a:link {
    color: #f55af9;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #f55af9;
}

/* mouse over link */
a:hover {
    color: #ffffff;
}

/* selected link */
a:active {
    color: #f55af9;
}

#myBtn:visited {


}

#myBtn:hover {
	color: #ffffff;
}

/* buttons */

.btn {
	border: 2px solid;
	font-size: 15px;
}
button {
	border: 2px #00567d solid;
	background-color:white;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:15px;
	padding-right:15px;
	color:#00567d;

}

.ico {
	width: auto;
	height: 20px;
	padding-left:20px;
	fill: #80B8C8;
}

.ico path {
	fill: #80B8C8;

}

.ico path:visited {
	fill: #00567d;

}

.ico path:hover {
	fill: #00567d;

}


.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
padding-top:.5rem;
padding-bottom:.5rem;
}

/* Modal /*

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    /* margin: 15% auto; */
    height: 100vh;
    padding: 3em;
    width: 90%;
}

.modal-content p{
	max-width: 60%;
	font-size: 2em;
}
/* The Close Button */
.close {
    color: #930dfc ;
    float: right;
    font-size: 4em;
    font-weight: 300;
}

.close:hover,
.close:focus {
    color: #930dfc ;
    text-decoration: none;
    cursor: pointer;
}

#myBtn {
	font-weight: 300;
	max-width: 350px;
	border-bottom: .5px solid #f55af9;
}