/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */

@font-face {
   	 font-family: "Annie Use Your Telescope";
	 src: url("http://sorrir.pl/assets/fonts/AnnieUseYourTelescope.ttf");
}

body {
	
	font-family: "Annie Use Your Telescope", cursive;
	line-height: 1.8;
	font-size: 16px;
	background-color: white;
	background-repeat: no-repeat;
	color: #620a2d;
	font-weight: 300;
	overflow-x: hidden;
}

a {
	color: #3C7BFD;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
a:hover {
	text-decoration: none !important;
	color: #3C7BFD !important;
}

p, ul, ol {
	margin-bottom: 1.5em;
	font-size: 20px;
	color: #848484;

}

h1, h2, h3, h4, h5, h6 {
	color: #212121;
	font-weight: 400;
	margin: 0 0 30px 0;
}

::-webkit-selection {
	color: #fcfcfc;
	background: #3C7BFD;
}

::-moz-selection {
	color: #fcfcfc;
	background: #3C7BFD;
}

::selection {
	color: #fcfcfc;
	background: #3C7BFD;
}

.footer{
	margin-top: 150px;
}

@media(max-width:459px){

	.copyright{
		font-size: 10px;
	    text-align: center;
	    float: left;
	    font-weight: bold;
	    margin: 20px;
	}
	
	.designed{
		font-size: 10px;
	    text-align: center; 
	    float: left;
	    font-weight: bold;
	    margin: 20px;
	}
	
	.logo a{
		color: #620a2d;
		font-size: 12px;
	}

}

@media(min-width:460px){

	.copyright{
		font-size: 10px;
	    text-align: left;
	    float: left;
	    font-weight: bold;
	    margin: 20px;
	}
	
	.designed{
		font-size: 10px;
	    text-align: right; 
	    float: right;
	    font-weight: bold;
	    margin: 20px;
	}
	
	.logo a{
		color: #620a2d;
		font-size: 16px;
	}

}

.copyright a,
.copyright a:hover,
.designed a,
.designed a:hover {
	color: #620a2d !important;
}

.logo{
	text-align: center;
	margin-top: 50px;

}

.logo img{
	width: 100%;
	max-width: 200px;
	top:10px;
}

.logo a:hover{
	color: #8ec814 !important;
	text-decoration: underline !important;
}

.choose{
	text-align: center;
	margin-top: 70px;
	font-size: 40px;
	font-weight: bold;
	color: #FFFFFF;
	

}
.choose img{
	height:25%;
	  width:25%;
}
.logo h1{
	 display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 35%;
  color: #620a2d;

}
.stopka{
	 color: #620a2d;
}