@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@100;200;300;400;500;600;700;800;900&display=swap');
html, body, h1, h2, h3, h4, h5, h6, a, p, span, b, div {
 
    font-family: 'Manrope'!important;
}

@media(max-width:768px){
 .repeating-header {
      position: unset !important;
  }
}

body{
  
}

h1,h2,h3,h4,h5,h6{
    
}
p{
    
}
a{
    
}
body {
    background-color:#Fff!important;
}
@media(max-width:576px){
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(9) > div.is-boxes > div > div > div > div.col-md-6 > div:nth-child(1){
        margin-top:0 !important;
    }
    .artpic{
        width:100% !important;
        margin-top:20px !important;
        margin-left:0 !important;
        margin-right:0 !important;
        position:static !important;
    }
    .artpic2{
        width:auto !important;
        margin-top:20px !important;
    }
    .art2{
        display:flex;
        flex-direction:column;
    }
    .last{
        order:2;
    }
    .first{
        order:1;
    }
    .smaller{
        font-size:55px !important;
    }
    .one{
        position:static !important;
        text-align:center;
        font-size:45px !important;
    }
    .num{
        margin-bottom: 15px !important;
    }
    .art{
        margin-bottom:20px !important;
    }
}
.form-control {
	border-bottom: 1px solid #032B3A !important;
	border-radius: 0 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	background:transparent !important;
}

.rendered-form .form-group>label {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    color: #032B3A !important;
}

.rendered-form .form-control:focus {
	outline: 0;
	border: 1px solid #032B3A !important;
    box-shadow: 0px 2px 5px #032B3A !important;
	border-radius: 0 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

.send-btn {
	padding: 16px 20px !important;
	border: 1px solid #032B3A;
    border-radius: 5px !important;
    font-family: 'Noto Serif',serif;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    letter-spacing: 0.1em !important;
    color: #032B3A !important;
    margin-top:80px !important;
}
div.contact-form-container > div > div:nth-child(6){
    text-align:center !important;
}
.send-btn:hover {
	background: #032B3A !important;
    border: 1px solid #032B3A !important;
    color: #FFFCFA !important; 
}
.footer-text, .footer-text>a{
     font-family: 'Noto Serif',serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #032B3A;
}
.image {
    margin-top: 0px;
    max-height: 110px;
}
.navbar-nav>li>a:hover {
    color: black !important ;
 
    border-bottom: solid 2px black !important
 
}
/*zoom*/
* {
  box-sizing: border-box;
}

.zoom {
  padding: 50px;
  transition: transform 1s;

  margin: 0 auto;
}

.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}
a.is-btn.is-btn-ghost2, .is-btn.is-btn-primary, .btn.is-btn-primary {
    color: #000000;
    background-color: var(--bg-color-button-primary, #dcdcdc);
    border-color: #000000;
    border-style: solid;
    border-width: var(--size-button-primary-border, 2px);
    border-radius: var(--radius-button-primary-border, 0px);
}
.rendered-form .form-group>label {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    color: #000000 !important;
}
.is-btn.is-btn-ghost2:hover, .is-btn.is-btn-primary:hover, .btn.is-btn-primary:hover {
    color: var(--color-hover-button-primary-text, #000);
    background-color: #000000;
    border-color: #000000;
}
@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 14px;
        padding-bottom: 14px;
        font-weight: 500;
    }
}


 .row.display-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }