body, html{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
        scroll-behaviour:smooth;
	}

*{
    font-family: Helvetica;
    }
	
a{
    text-decoration:none;
    color:inherit;
    }

	
.header{
    width:100%;
    height:100px;
    position:absolute;
    border-botttom:5px solid #fff;
    z-index:3;
    background:rgba(0,17,43,0.30);
    }

.content-background{
     height:50%; 
     margin-bottom:10px; 
     background:#fff; 
     border-bottom:1px solid #CCC;
}

.logo-holder{
    position:relative; 
    width:500px; 
    height:150px; 
    background:none; 
    left:50%; 
    margin-left:-250px; 
    top:30px; 
    padding:25px;
}

.logo-name{
    position:relative; 
    width:100%; 
    height:150px; 
    background:none; 
    left:20px;
    border:none;
}

.transparent-btn{
    border:none;
    background:none;
}

.logo-description{
     position:absolute; 
     width:100%; 
     height:100px; 
     background:none; 
     color:#000;
}

.brand-description{
     background:none; 
     font-weight:bold; 
     font-size:22px; 
     height:100%; 
     border:none;
     width:100%;
}

.logo-services{
     background:none; 
     font-weight:bold; 
     font-size:14px;
}

.holder{
    position:relative; 
    width:800px; 
    height: 400px; 
    left:50%; 
    margin-left:-400px; 
    background:#fff;
    top:0;
    text-align:center;
    bottom:50px;
}

.label{
     width:100%; 
     font-size:16px; 
     font-weight:bold; 
     margin-bottom:15px;
}


.submit-button{
     width:100%; 
     position:relative; 
     top:5px; 
     margin-bottom:15px; 
     height:45px; 
     background:#069; 
     color:#fff; 
     font-weight:bold; 
     border:none;
     border-radius:25px;
}

.blue-text{
     color:blue; 
     font-weight:bold;
}

.label-below-text{
    width:100%;
    font-size:14px; 
    font-weight:normal; 
    margin-bottom:5px;
}

.text-input{
     border-radius:6px;
     width:100%;
     height:45px;
     padding:10px;
     border:1px solid #CCC;
     margin-top:5px;
     margin-bottom:5px;
}

.img-fit{
    max-width:100%;
    max-height:100%;
}

.service-select-button{
     border:1px solid #CCC; 
     border-radius:50%; 
     width:188px;
     height:188px;
     float:left; margin:5px;
     background:none;
}   
    
.service-icon-holder{
    position:relative;
    width:100px;
    height:80px;
    top:25px;
    left:0px;
}

.service-text-holder{
    position:relative;
    top:28%;
    width:120px;
    left:0;
    font-weight:bold;
}

.back-button{
    position:relative;
    margin-top:15px;
    margin-bottom:15px;
    width:60px;
    height:60px;
    font-weight:bold;
    background:#fff;
    border:1px solid #CCC;
    float:left;
}

.page-event{
    position:relative;
    margin:15px;
    width:100px;
    height:60px;
    font-weight:bold;
    border:none;
    border-bottom:3px solid #069;
    background:none;
    font-size:18px;
    float:left;
}

.text-area{
    position:relative;
    height:100px;
}

.processing-holder{
    display:none;
}

#processing-holder{
    font-size:22px;
}

.item-holder{
    position:relalative;
    width:45%;
    height:350px;
    margin:1%;
    padding:1%;
    float:left;
    border-radius:9px;
    border:1px solid #CCC;
}

.item-img{
    position:relative;
    width:100%;
    height:70%;
    object-fit:cover;
}

.item-hire-img{
    width:auto;
    height:100%;
    object-fit:cover;
}

.item-name{
    position:relative;
    width:100%;
    height:10%;
}

.hire-button{
    position:relative;
    width:100%;
    height:45px;
    background:orange;
    margin:3px;
    border:1px solid #CCC;
    background:#fff;
    font-weight:bold;
    border-radius:25px;
}


.focused-item-img-holder{
    height:80%;
}

.red-btn{
   background:red;
   color:#fff;
   border:none;
} 

.blue-btn{
   background:#069;
   color:#fff;
   border:none;
}

@media screen and (max-width: 800px) {
  .holder{
    width:90%; 
    left:5%;
    margin-left:0;
    } 
    
    .content-background{
         height:40%;
        left:10%;
        margin-left:0; 
    }
    
    .logo-holder, .logo-img{
        position:relative; 
        width:100%; 
        height:150px; 
        background:none; 
        left:0; 
        margin-left:0; 
        top:10%; 
        padding:0;
    }
    
    .logo-img{
        width:50px;
        height:50px;
    }
    
    
    .logo-name{
        height:100px;  
        left:0;
        background:none;
    }

.logo-description{
     position:relative; 
     width:100%; 
     height:80px;  
     left:0; 
     color:#000;
     top:30px;
    }
    
    
.service-select-button{
     width:48%;
     height:43%;
     float:left; 
     margin:1px;
}   
    
.service-icon-holder{
    position:relative;
    width:80%;
    height:80px;
    top:25px;
}

.service-text-holder{
    width:80%;;
}


.item-holder{
    width:100%;
}

.focused-item-holder{
    position:relative;
    width:100%;
}
    
}