/*
Theme Name: I am Several
Author: RB
Version: 1
*/

/*
Theme Name: I am Several
Author: RB
Version: 1
*/

select {
	border: 0 !important;  /*Removes border*/
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
	text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/
}

audio {width: 100%;}

:root {
--bluegrey: rgba(37,52,71,1);
--bluegrey80: rgba(37,52,72,0.8);
--originalblue: rgba(0,172,236,1);
--pink: rgba(201,27,100,1);
--pinkhex: #C91B64;
--angle1: polygon(100% 0%, 0% 0%, 0% 100%, 100% 83%);
--angle2: polygon(100% 0%, 0% 13%, 0% 100%, 100% 100%);
}

* {
	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

.clearer {clear: both; height: 1px; width: 100%; background-color: inherit;}

.clearer10 {clear: both; height: 10px; width: 100%; background-color: inherit;}
.clearer20 {clear: both; height: 20px; width: 100%; background-color: inherit;}

.clearer50 {clear: both; height: 50px; width: 100%; background-color: inherit;}

html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #000;
	text-rendering: optimizelegibility;
	line-height: 1.625;
	color: #000;
	line-height: 1.6;
	word-wrap: break-word;
	padding: 0;
	margin: 0;
	z-index: 1;
	font-size: 62.5%;
	font-family: "Montserrat Alternates", sans-serif;
	  font-weight: 300;
	  font-style: normal;
}

p {
	line-height: 1.5;
	font-size: 1.4vw;
	margin-top: 5px;
	color: #d0cdcd;
}

a {text-decoration: none; color: #ffffff;}

#logo, #text, #logos, #copyright, #logolinks {float: left; clear: both; width: 70%; margin-left: 15%;}

#logo {margin: 3vw 0 0vw 15%;}

#logo img {width: 80%; margin-left: 10%;}

#text {width: 60%; margin-left: 20%;}

#text h1 {color: var(--pink); font-size: 3vw; font-weight: 600; text-align: center;}

#text p {width: 60%; margin-left: 20%; text-align: center; padding: 2vw 0;}

#logos {margin: 5vw 0 1vw 15%;}

#logolinks {margin: 1vw 0 7vw 15%;}


#logos > div, #logolinks > div {width: 22%; margin-right: 3%; text-align: center; float: left;}
	#logos > div:last-of-type, #logolinks > div:last-of-type {margin-right: 0%;}
	
	#logos > div img {width: 50%; }
	
	#logos > div p, #logolinks > div p {font-size: 1vw;}
	
button, input[type='submit'] {
	  background: var(--pink);
	  color: #f2f2f2;
	  padding: 0.5vw 1.5vw;
	  border-radius: 10px;
	  border: none;
	  margin: 1vw 0.1vw 0 0;
	  font-size: 0.8vw;
	  font-family: "Montserrat Alternates", sans-serif;
  }	
  
#copyright p {color: var(--pink); text-align: center; margin-bottom: 5vw;}  


@media only screen and (max-width: 1000px) {
	#logos > div, #logolinks > div {width: 45%; margin-bottom: 3vw;}
	
	#logos > div img {width: 80%;}
	
	#text p, #logos > div p {font-size: 2vw !important;}

	#copyright p {font-size: 2vw !important;}

	
	#text p {width: 80%; margin-left: 10%;}
	
	#logolinks {display: none !important;}
}