div, p, input, button, form, a, ul, li {
        box-sizing: border-box;
    }
  

    html, body {
        width: 100%;
        margin: 0px;
        padding: 0px;

    }


h1, h2, h3, h4, h5, h6 {

    font-family: 'Aclonica', sans-serif;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

h2 {
	
	text-align: center;

}





p {
	margin: 0;
	padding: 0;
    font-family: 'Roboto', sans-serif;
}

a {
	font-family: 'Roboto', sans-serif;
    text-decoration: none;
    color:#fff;
    font-weight: 400;
	transition: all 0.5s ease;
}
/*HEADER....*/

.main {
    
    background-image: url(img/fons.webp);
    background-repeat:no-repeat;
    background-size: cover;
    height:auto;

}
.galvena{
    width: 100%;
   justify-content: center;
    margin: 0 auto;
}
.biuks {
    max-width: 200px;
    height:auto;
}

.container {
   width: 1200px;
   justify-content: center;
    margin: 0 auto;
    /*padding-bottom: 90px;*/
    }


h1 {
    
    font-size: 52px;
}
h2 {
    font-size: 40px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 24px;
}
h6 {
    font-size: 15px;
} 

/*-----MAIN-------------------------------------------------------------------------*/
.all-offer {
    display: flex;
    flex-direction: column;
    padding-top: 140px;
    height: auto;
}
.offer1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.main-offer {
    display: block;
    width: 1200px;    
}
h1.main-offer {
    padding-top: 100px;
    color: #2F6C1A;
}
.owner {
    width: 283px;
    height: auto;
}
.owner img{
    width: 283px;
    height: 283px;
}
.offer2 {
    display: flex;
    flex-direction: column; 
}
.offer-text {
    width: 600px;
    height: auto;
    color:#2F6C1A;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 1px;
  }  
.page-wrapper{
    display: block;
    width: 250px;
    height: 60px;
    background-color: #2F6C1A;
    padding: 15px;
    margin-top: 80px;
    margin-bottom: 90px;
}
a.btn {
    color:white; 
    text-align: center;
}
/* Izvieto elementu stigri pa centru  */
.vertikal {
  display: flex;
  flex-direction: column; /* izvieto elementus vienu zem otra */
  justify-content: center; /* centrē vertikāli */
  align-items: center;     /* centrē horizontāli */
  /*min-height: 100vh;        aizņem pilnu ekrāna augstumu */
}




/*--------------------------SERTIFIKĀTI----------------------------------------------------------- */

.green {
    color:#2F6C1A;
}
.sertifikati {
    background: linear-gradient(89.61deg, #D0E9C8 1.42%, #FCF2D3 99.13%);
    height: auto;
}

.wrapper-sertifikati {
  display: flex;
  flex-direction: column; /* izvieto elementus vienu zem otra */
  justify-content: center; /* centrē vertikāli */
  align-items: center;
   
}

.elements {
    margin-left: 5px;
    margin-right: 5px;
}
h2 {
    padding-top: 90px;
    padding-bottom: 40px;
    color:#2F6C1A;
}

.elements-teksts {
text-align: center;
padding-bottom: 20px;
font-size: 28px;
font-weight: 700;
color: #2F6C1A;
}

elements-img {
  display: flex;
  justify-content: center; /* centrē horizontāli */
  align-items: center;     /*centrē vertikāli, ja vajag */
}


/*---------------PORTFOLIO-----------------------------------------------*/

.portfolio {
    
background: linear-gradient(165.39deg, #FAEABB 1.73%, #E9FCE3 99.55%);
}

h3 {
    text-align: center;
    padding-bottom: 40px;
    color:#2F6C1A;
}
.apskate {
    text-align: center;
    font-size: 18px;
    color:red;
    padding-bottom: 20px;
}

.wrapper-kodi-portfolio {
  display: flex;
  flex-direction: column; /* izvieto elementus vienu zem otra */
  justify-content: center; /* centrē vertikāli */
  align-items: center; 
}

.wrapper-tilda-portfolio{
    display: flex;
  flex-direction: column; /* izvieto elementus vienu zem otra */
  justify-content: center; /* centrē vertikāli */
  align-items: center; 
}


.elements-image {
    width: 560px;
    height: auto;
}




.teksts-kodi {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 60px;
    font-size: 24px;
    font-weight: 700;
    color: #2F6C1A;
}


/*-----------TILDA--------------------------------*/





p.info {
 color:#2F6C1A;
 text-align: center;
 padding-top: 30px;
 padding-bottom: 30px;
}
span {
    color:#2F6C1A;
    font-weight: 700;
}
/*.info-red {
  color: red;
  display: flex;
  text-align: center;
  justify-content: center; /* Horizontāli pa vidu *
  padding-top: 20px;
  padding-bottom: 20px;
}*/
.info-black {
  color: rgb(0, 0, 0);
  display: flex;
  text-align: center;
  justify-content: center; /* Horizontāli pa vidu */
  padding-top: 20px;
  padding-bottom: 20px;
}
.info-black a {
  color: blue; /* padara tikai šo saiti zilu */
  text-decoration: none; /* ja nevēlies pasvītrojumu */
}
.info-black a {
  margin-left: 4px; /* neliela atstarpe pirms saites */
}



.info-black a:hover {
  text-decoration: underline; /* hover efekts */
}





/*-----WORDPRESS----*/
.wordpress {
    text-align: center;
    color: rgb(194, 116, 0);
}





.info {
    
    text-align: center;
}
p.info {
    
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
   }

.elements-wordpress-image {
text-align: center;
 padding-bottom: 30px;
}
.elements-wordpress-image img{
    width: 590px;
    height: auto;    
}



/* Footer */

.footer {
    background: #c4c4c4;
    margin:0px;
    padding:0px;
    height:120px;
}

.footer-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}
.footer-wrapper p{
    text-align: center;
    margin: 0 auto;
    padding-top: 45px;
}
.footer-main{
    color: #000;
    font-size: 16px;
    font-weight: 400;
}
.footer-wrapper a{
    text-decoration: none;
    color: #000;
    font-weight: 400;
    padding-top: 45px;
    
}
.footer-info {
        color: #000;
        font-size: 16px;
        font-weight: 400;
}

@media screen and (max-width: 1200px) {


    .container {
		width: 960px;
	}

    h1.main-offer {
        padding-top: 100px;
        color: #2F6C1A;
        font-size: 40px;
    }
    h2 {
        font-size: 32px;
    }
    h3{
        font-size: 28px;
    }

   /*-----SERTIFIKĀTI-----------------------------------------*/
.wrapper-sertifikati {
    display: flex;
    flex-direction: column;
    justify-content: center;     
    margin: auto; 
}

.elements {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
}
.elements-teksts {
    display: block;
    margin: auto;
}


/*-----------PORTFOLIO----- KODOS----------------------------------*/
.wrapper-kodi-portfolio {
    display: flex;
    flex-direction: column;
    justify-content: center;     
    margin: auto; 
}

.elements-image {
    width: 600px;
    height: auto;
}
.elements-image img{
    width: 600px;
    height: auto;
}



.elements-kodi {
    display: flex;
    flex-direction: column;
    justify-content: center;     
    margin: auto; 
}
/*-----------PORTFOLIO----- TILDAS-KONSTRUKTORS----------------------------------*/
.wrapper-tilda-portfolio {
    display: flex;
    flex-direction: column;
    justify-content: center;     
    margin: auto; 
}
.elements-tilda {
    display: flex;
    flex-direction: column;
    justify-content: center;     
    margin: auto; 
}


    
   
   span {
       color:#2F6C1A;
       font-weight: 700;
   }
  /*---WORDPRESS-------*/
  
   .info {
    width: 900px;
    height: auto;
    text-align: center;
}
   p.info {
    color:#2F6C1A;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
   }

p.info {
    width: 900px;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
   }

.elements-wordpress-image {
    text-align: center;
     padding-bottom: 30px;
    }
    .elements-wordpress-image img{
        width: 590px;
        height: auto;    
    }
    





}



@media screen and (max-width: 992px) {


.container {
	width: 720px;
}

 /* main */   
 h1.main-offer {
    padding-top: 100px;
    color: #2F6C1A;
    font-size: 34px;
}
 h2 {
    font-size: 30px;
 }
h3 {
    font-size: 26px;
}


   span {
       color:#2F6C1A;
       font-weight: 700;
   }

   .info {
    width: 700px;
    height: auto;
    text-align: center;
}
p.info {
    width: 700px;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
   }


.elements-wordpress-image {
    text-align: center;
     padding-bottom: 30px;
    }
    .elements-wordpress-image img{
        width: 590px;
        height: auto;    
    }
    


  


}




@media screen and (max-width: 768px) {
	
    /* main  */

    .container {
        width:540px;

    }
    .all-offer {
        display: flex;
        flex-direction: column;
        padding-top: 40px;
        height: auto;
        margin: auto;
    }
    .offer1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        
    }
    .main-offer {
        display: block;
        width: auto;  
    
    }
    h1.main-offer {
        padding-top: 100px;
        color: #2F6C1A;
       font-size: 30px;
       text-align: center;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 26px;
    }
    .owner {
        width: 283px;
        height: auto;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .owner img{
        width: 283px;
        height: 283px;
    }
    .offer2 {
        display: flex;
        flex-direction: column; 
        align-items: center;
    }
    .offer-text {
        width: 530px;
        height: auto;
        color:#2F6C1A;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: 1px;
      }  
    .page-wrapper{
        display: block;
        width: 250px;
        height: 60px;
        background-color: #2F6C1A;
        padding: 15px;
        margin-top: 80px;
        margin-bottom: 90px;
    }
    a.btn {
        color:white; 
        text-align: center;
    }
    
  
   
/*-----SERTIFIKĀTI-----------------------------------------*/
.wrapper-sertifikati {
    display: flex;
    flex-direction: column;
    justify-content: center;     
    margin: auto; 
}

.elements {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
}
.elements-img img{
    width: 450px;
    height:auto;
    display: block;
    margin: auto;
}
.elements-teksts {
    display: block;
    margin: auto;
    max-width: 540px;
}



   



/*-----------PORTFOLIO----- TILDAS-KONSTRUKTORS----------------------------------*/
.wrapper-tilda-portfolio {
    display: flex;
    flex-direction: column;
    justify-content: center;     
    margin: auto; 
}
.elements-kodi {
    width: 450px;
}
.elements-tilda {
    display: flex;
    flex-direction: column;
    justify-content: center;     
    margin: auto; 
}
.elements-image {
    width: 450px; 
}
.elements-image img{
    width: 450px;
    height:auto;
    display: block;
    margin: auto;
}

.wrapper-apraksts {
    width: 520px;
    margin: auto;
}

   .info {
    width: 520px;
    height: auto;
    text-align: center;
}
p.info {
    width: 520px;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
   }

.elements-wordpress-image {
    text-align: center;
     padding-bottom: 30px;
    }
    .elements-wordpress-image img{
        width: 520px;
        height: auto;    
    }
    




.footer-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}
.footer-wrapper p{
    text-align: center;
    font-size: 14px;
    margin: 0 auto;
    padding-top: 45px;
}
.footer-main{
    color: #000;
    font-size: 14px;
    font-weight: 400;
}
.footer-wrapper a{
    text-decoration: none;
    color: #000;
    padding-top: 45px;
    
}
.footer-info {
        color: #000;
        font-size: 14px;
        font-weight: 400;
}








   }



@media screen and (max-width: 576px) {


	.container {
		width: 100%;
		padding-left: 5px;
		padding-right: 5px;
	}



/*  MAIN */

.all-offer {
    display: flex;
    flex-direction: column;
    padding-top: 80px;
    height: auto;
    margin: auto;
}
.offer1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.main-offer {
    display: block;
    width: auto;  

}
h1.main-offer {
    padding-top: 100px;
    color: #2F6C1A;
   font-size: 26px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 20px;
}



.owner {
    width: 283px;
    height: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}
.owner img{
    width: 283px;
    height: 283px;
}
.offer2 {
    display: flex;
    flex-direction: column; 
    align-items: center;
}
.offer-text {
    width: 290px;
    height: auto;
    color:#2F6C1A;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 1px;
    text-align: center;
  }  
.page-wrapper{
    display: block;
    width: 250px;
    height: 60px;
    background-color: #2F6C1A;
    padding: 15px;
    margin-top: 80px;
    margin-bottom: 90px;
}
a.btn {
    color:white; 
    text-align: center;
}

/*----------SERTIFIKATI-----------------------------------------------------------*/

.wrapper-sertifikati {
    width: 290px;
    display: flex;
    flex-direction: column;
    justify-content: center;     
    margin: auto; 
}
.elements {
    width: 290px;
}


.elements-img {
    width: 290px;
    height:auto;
    display: block;
    margin: auto;
}
.elements-img img{
    width: 290px;;
}
.saite{
    font-size: 20px;
}

/*--------------------PORTFOLIO-----------------------------------------------------------*/

.wrapper-tilda-portfolio {
    width: 290px;
    display: flex;
    flex-direction: column;
    justify-content: center;     
    margin: auto; 
}

.elements-kodi{
    width: 290px;
}
.elements-image {
    width: 290px;
}
.elements-image img{
    width: 290px;
}

.elements-tilda {
    width: 290px;
}
.elements-image {
    width: 290px;
    height:auto;
   
    margin: auto;
}


.wrapper-apraksts {
    width: 290px;
    margin: auto;
}
 

.wrapper-apraksts {
    width: 290px;
    margin: auto;
}

.info {
    width: 290px;
    height: auto;
    text-align: center;
}
p.info {
    width: 290px;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
   }

   .elements-wordpress-image {
    text-align: center;
     padding-bottom: 30px;
    }
    .elements-wordpress-image img{
        width: 290px;
        height: auto;    
    }



/* Footer */


.footer {
    background: #c4c4c4;
    margin:0px;
    padding:0px;
    height:450px;

}

.footer-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 0px;
    padding-bottom: 0px;
}

.footer-wrapper a{
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    
}





}