* {
  box-sizing: border-box;
}
body {
  background-color:#ffffff;
  font-family: "Comic Relief", "Gentium Basic";
  color: #aaaaaa;
  font-size:12px;
  overflow-x: auto; 
}
.topPics
{
  width: 100%;
}

nav {
  
  background-color:#ccccdd;
  background-color:white;
  width:100%;
}
a {
  text-decoration:none;
}
.navClass {
  text-decoration: none;
  color:#a33547;
  font-size:25px;
  font-weight: bold;
  margin-left:10%;
}
.navClass:hover{
  color:#b37597;
  
}
.chosenLink {
  color:#b37597;
}
.outerBox {
 background-color:white; 
}

.box2buttons {
  float:left;
  margin:3%;
  width:100%;
}
/*.picBoxBorder:hover {
  
  border-style: solid;
  border-color: #ccccff;
}*/

.logosImg{
  width:15%;
}
.nimiImg{
  width:45%;
}

.textSty{
   
   color: #347653;
    
}
.textSty5{
   
   color: #789453;  
   margin-left:2%;
    
}


.footerClass{
  width:100%;
  background-color:white;
  font-size:13px;
  color:#777777;
  text-align:center;
  padding:12px;
  margin-top:7px;
}



.box2{
   
   background:url('pics/blue_sky3.png');
   background-size:100% 100%;
    
}


.aboutText {
 color:#333333;
 font-size:18px;
 width:60%;
}


.centerImg{
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.centerText{
  text-align: center;
}

.logoPics
{
   width:65%;
}

.textSty8{
   color: #777777;
   font-size: 13px;
}
.picSty{

     width:45%;
     margin: 2%; 
     
     border-style:solid;
     border-radius:30px;
     border-width:3px; 
     border-color:#9576ae;
     min-width:150px;

     background-color:#fecccc; 
    
}

.picSty4{

     width:75%;
     margin: 2%; 
     
     border-style:solid;
     border-radius:30px;
     border-width:3px; 
     border-color:#9576ae;
     min-width:150px;

     background-color:#fecccc; 
    
}
.picSty5
{
   background-color:white;
}

.logoPics
{
  
   width:95%;
   border-radius:15px;
}
.aboutText2 {
 font-family: "Gentium Basic", "Comic Relief";
 color:#775614;
 font-size:14pt;
 width:80%;
 margin-left:2%;
 
 
}
.aboutText3 {
 font-family: "Gentium Basic", "Comic Relief";
 color:#333333;
 font-size:14pt;
 width:80%;
 margin-left:5%;
}

.aboutText5 {
 font-family: "Gentium Basic", "Comic Relief";
 color:#333333;
 font-size:14pt;
 width:70%;
 margin:5%;
}

.logoPics2
{
  border-style:none;
  border-radius:30px;
  width:100%;
 
}
.logoPics3
{
  
   width:90%;
   border-radius:15px;
}

.kauppabutton {
  color: white;
  padding: 15px 33px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 6px 2px;
  margin-top:  10px;
  margin-left: 7px;
  cursor: pointer;
  background-color: #4CAF50;
/*----------------------------*/
/*background-color: #314276;*/
background-color:#d74488;
border-style:solid;border-radius:1em;/*3em;/*border-width:0px;*/
/*--------------------*/
  /*background-color:rgb(255, 131, 227);*/
}
.kauppabutton:hover {
/*border-width:4px;*/
   border-style: solid;
   border-color: #ccccff;
}
.textmarg {
   margin-top:8%;
}

@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .navClass {
    font-size: 16px;
    margin-left:5%;  
  }
  .logosImg{
  width:40%;
  }
 .picSty{
   width:90%;
   min-width:150px;
  }

}