/*----Samma på alla sidor------*/
.body
{
    font-size: 100%;
    line-height: 1.5em;
}

.header_container{
    display: flex;
    justify-content: center;
    
    
}


.social{
	
	display: flex;
	justify-content: center;
	height: 1.2em;
	font-size: 1.5em;
	padding: 0.5em;
}

i{
	
	width: 3em;
	
	
	
}

.nav_container {
    display:inline-flex;
	width: 100%;
	justify-content: center;
	font-family: 'Tinos', serif;
    border-color: #45ADCC;
    border-bottom-style: solid;
   
    
    }

.nav_container a
{
    color: #45ADCC;
    text-decoration: none;
    padding-right: 1em;
    font-size: 2em;
    
}

button {
  padding: 10px 18px;
  color: #fff;
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px; 
  text-decoration: none;
  display: inline-block;
}
  button:hover {
  	text-decoration: none;
  }


button {
  background: #2eabd9;
}
  button:hover {
    background: #1987b0;
  }
.text
{
    margin-left: 1em;
    margin-right: 1em;
}

p
{
    font-size: 1em;
}

h2
{
  font-size: 1.5625em;

}
h1{
    visibility: hidden;
    font-size: 1px;
}

/*-----Index första sidan----*/




.main_index
{
    display: flex;
    flex-direction: column;
	font-family: 'Tinos', serif;
    padding: 1em;
	
    
}


.main_container1
{
    display: flex;
    border-bottom-style: solid;
    border-color: #45ADCC;;
    flex-direction: column;
	font-family: 'Tinos', serif;
	background-color:aliceblue;
}

.main_container2
{
    display: flex;
	border-bottom-style: solid;
    border-color: #45ADCC;
    margin-top: 1em;
    flex-direction: column;
	background-color:aliceblue;
}

.main_container3
{
    display: flex;
	border-bottom-style: solid;
    border-color: #45ADCC;
    margin-top: 1em;
    flex-direction: column;
	background-color:aliceblue;
}

.button_container
{
    display: flex;
    justify-content: flex-end;
    align-items:baseline;
     margin-right: 1em;
	background-color:aliceblue;
    margin-bottom: 1em;
}

section
{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1em;
    
}
/*----index sida slut-----*/

/*---kategori sida och arkiv sida----*/


.main_kategori
{
    display:flex;
    flex-direction: column;
    background-color:white;
	font-family: 'Tinos', serif;
	

}

.wrapper 
{
    display:flex;
    flex-direction: row;
	font-family: 'Tinos', serif;
	
}

.text_container 
{
    display: flex;
    flex-direction: column;
    border-color: #45ADCC;;
    border-bottom-style: solid;
    margin: 1em;
    width: 50%;
	background-color:aliceblue;
	font-family: 'Tinos', serif;
   
    
    }
.text_container p
{
    margin-left: 1em;
}

.link_container
{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-right: 1em;
}

/*----kategori sida slut-----*/

/*-----enskild  och om mig sida-----*/

.main_enskilt

{
    display: flex;
    flex-direction: column;
	font-family: 'Tinos', serif;
    padding: 1em;
	

}

.large_container
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom-style: solid;
  border-color: #45ADCC;;
  background-color:aliceblue;
  font-family: 'Tinos', serif;
  margin-top: 1em;
    

  
	
  
}

.large_container p
{
    margin-right: 1em;
    margin-left: 1em;
}

.icon_container
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 1em;
	background-color:white;
}

.comment_container
{
    display: flex;
    justify-content: center;
    align-items: center;
   border-style: solid;
    border-color: #45ADCC;;
    margin-top: 1em;
	background-color:white;
   
    
	
    
}

/*-----MEDIA-----*/

 @media only screen and (max-width : 480px){
    
     body
     {
         font-size: 90%;
     }
	.nav_container {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	width: 100%;
	font-family: 'Tinos', serif;
	
	}
	 
	 
	 .social{
		 display: flex;
		 justify-content: center;
		 align-items: center;
	 } 
	 
i{
	
	width: 2em;
	
	
	
	
	
}
.main_index
	{
		 font-family: 'Tinos', serif;
    }

	 .main_container1{
	     font-family: 'Tinos', serif;
	     
		 }
	 
	
	 
	 button{
		
		 padding: 5px 9px;
		 font-size: 3vw;
	 
	 }
	 
	 .text_container{
		 
		width: 90%;
     }
	 
	 
		 
	
		 
	 
     .wrapper 
{
    display:flex;
    flex-direction: column;
	font-family: 'Tinos', serif;
	justify-content: center;
    align-items: center;
    
}
}