@font-face {
    font-family: 'barlowlight';
    src: url('barlow-light-webfont.woff2') format('woff2'),
         url('barlow-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Barlow Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Barlow Bold'), url('Barlow-Bold.woff') format('woff');
    }

@font-face {
    font-family: 'Barlow SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Barlow SemiBold'), url('Barlow-SemiBold.woff') format('woff');
    }


@font-face {
    font-family: 'Bebas Neue Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Bebas Neue Regular'), url('BebasNeue Regular.woff') format('woff');
    }
    

@font-face {
    font-family: 'Bebas Neue Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Bebas Neue Regular'), url('BebasNeue.woff') format('woff');
    }
    

@font-face {
    font-family: 'Bebas Neue Book';
    font-style: normal;
    font-weight: normal;
    src: local('Bebas Neue Book'), url('BebasNeue Book.woff') format('woff');
    }
    

@font-face {
    font-family: 'Bebas Neue Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Bebas Neue Thin'), url('BebasNeue Thin.woff') format('woff');
    }
    

@font-face {
    font-family: 'Bebas Neue Light';
    font-style: normal;
    font-weight: normal;
    src: local('Bebas Neue Light'), url('BebasNeue Light.woff') format('woff');
    }
    

@font-face {
    font-family: 'Bebas Neue Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Bebas Neue Bold'), url('BebasNeue Bold.woff') format('woff');
    }



@font-face {
	font-family: 'Staatliches-Regular';
	src: url('Staatliches-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Khand-Light';
	src: url('Khand-Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


#body {
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#3f4b63;
	background-image:url('');
	}
	

.topBanner {
    float:top;
    width:auto;
	height:90px;
	margin-left:auto;
	margin-right:auto;
    margin-top:-20px;
	background-color:#3e93fc;
    position: sticky;
    top:0;
    z-index: 1;
    box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.2);
    overflow: visible;
	background-image:url('');
    
}

.logoBlock {
    width:92px;
	height:80px;
	margin-left:5px;
	margin-right:110px;
    margin-top:5px;
    color:white;
    font-size:14px;
    float:left;
	background-image:url('highTechWhite.png');
    background-repeat: no-repeat;
}

#spacer {
    width:1000px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
    margin-top:0px;
	background-color:blue;
}


.line {
    width:700px;
	height:1px;
	margin-left:auto;
	margin-right:auto;
    margin-top: 5px;
    text-align: center;
    text-indent: 0px;
    color:white;
	background-color:#808285;
	background-image:url('');
    font-family: "Staatliches-Regular";
    letter-spacing:18px;
    font-size:30px;

}


.lineBottom {
    width:700px;
	height:1px;
	margin-left:auto;
	margin-right:auto;
    margin-top: 20px;
    text-align: center;
    text-indent: 0px;
    color:white;
	background-color:white;
	background-image:url('');
    font-family: "Staatliches-Regular";
    letter-spacing:18px;
    font-size:30px;
    opacity: 0.5;

}

.topMenu {
    /*width:490px; esse width funciona perfeito*/
    width:950px;
	height:90px;
	margin-left:auto;
	margin-right:auto;
    margin-top:20px;
	background-image:url('');
    
}

.menuButton {
    width:143px;
	height:30px;
	margin-left:5px;
	margin-right:auto;
    margin-top:30px;
    color:white;
    font-size:19px;
    float:left;
    cursor:pointer;
    text-align: center;
	background-image:url('');
    font-family: 'barlow semibold';
    
}


.menuButton:hover {
    width:143px;
	height:30px;
	margin-left:5px;
	margin-right:auto;
    margin-top:30px;
    color:white;
    font-size:19px;
    float:left;
    cursor:pointer;
    text-align: center;
	background-image:url('');
    font-family: 'barlow semibold';
    opacity: 0.6;
    transition: 0.3s;  
}

.spacer {
    width:10px;
	height:30px;
	margin-left:5px;
	margin-right:auto;
    margin-top:0px;
    color:white;
    font-family: "Staatliches-Regular";
	background-color:#27363B;
    float:left;
    text-align: center;
    color: #808285;
	background-image:url('');

    
}

.contentBlock {
    width:950px;
	height:670px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 25px;
	background-color:;
    opacity: 0.5;
	background-image:url('');
    background-size: auto;
}

.contentBlock {
    width:950px;
	height:670px;
    margin-left:auto;
    margin-right:auto;
    background-color:;
    background-position: right;
    background-size: ;
    cursor:/*pointer*/;  
    background-repeat: no-repeat;
    opacity: 0.5;
    -webkit-animation-name: background;
    -webkit-animation-duration: 10s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

 
@-webkit-keyframes background {
  0% {
    background-image: url('bodyBGs1.png');
    transform: opacity(0.5);
    opacity: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  50% {
    background-image: url('bodyBGs2.png');
    transform: opacity(0.5);
    opacity: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    background-image: url('bodyBGs3.png');
    /* CSS styles for the end of the animation */
    transform: opacity(0.5);
    opacity: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}


.contentBlock2 {
    width:950px;
	height:700px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 25px;
	background-color:;
}

#imageBlock {
    width:910px;
	height:590px;
    margin-left:auto;
    margin-right:auto;
    padding-top: 15px;
	background-image:url('');
    background-size: auto;
}


#header {
    width:570px;
	height:50px;
    margin-left:25px;
    margin-right:px;
    margin-top:40px;
    color:white;
    text-align: left;
    font-size:35px;
    font-family: 'barlow Bold';
	background-image:url('');
    background-color:;
    background-size: auto;
    float:left;
    background-repeat: no-repeat;
}


#subHeader {
    width:570px;
	height:120px;
    margin-left:30px;
    color:white;
    font-size:19px;
    font-family: 'barlow Bold';
    text-shadow: 1px 1px 3px rgba(3,21,35,0.7);
    background-size: auto;
    float:left;
    background-repeat: no-repeat;
}

#contentServices {
    width:565px;
	height:260px;
    margin-left:30px;
    margin-right:px;
    margin-top:10px;
    color:white;
    font-size:18px;
    font-family: 'barlow semibold';
    text-shadow: 1px 1px 3px rgba(3,21,35,0.7); 
    float:left;
    background-repeat: no-repeat;
}

#callUsToday {
    width:300px;
	height:57px;
    margin-left:30px;
    margin-right:px;
    margin-top:40px;
    padding-top:20px;
    color:white;
    font-size:30px;
    text-align:center;
    border-radius: 35px;
    font-family: 'barlow Bold';
	background-color:#42cd27;
	background-image:url('');
    background-size: auto;
    float:left;
    background-repeat: no-repeat;
}


#leftContent2 {
    width:940px;
	height:700px;
    margin-left:auto;
    margin-right:auto;
    margin-top:35px;
    background: rgba(0,0,0,0.1);
	background-image:url('');
    background-size: auto;
    float:center;
    background-repeat: no-repeat;
}


#header2 {
    width:570px;
	height:50px;
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
    padding-top:30px;
    text-align: center;
    color:white;
    font-size:35px;
    font-family: 'barlow Bold';
	background-color:;
	background-image:url('');
    background-size: auto;
    float:center;
    background-repeat: no-repeat;
}


#serviceContainer {
    width:300px;
    min-width:;
	height:265px;
    margin-left:3px;
    margin-right:5px;
    margin-top:35px;
    float:left;
	background-color:;
	background-image:url('');
    background-size: auto;
    cursor:/*pointer*/;
    background-repeat: no-repeat;
    font-family: 'Barlow SemiBold';
    letter-spacing:2px;
    font-size:23px;
    color:black;
    /*text-shadow: 1px 1px 3px rgba(3,21,35,0.7);*/
    text-align: center;
}

#serviceTitle {
    width:300px;
    min-width:;
	height:40px;
    margin-left:5px;
    margin-right:5px;
    margin-top:5px;
    padding-top: 10px;
    float:left;
	background-color:;
	background-image:url('');
    background-size: auto;
    cursor:/*pointer*/;
    background-repeat: no-repeat;
    font-family: 'Barlow SemiBold';
    letter-spacing:1px;
    font-size:23px;
    color:white;
    /*text-shadow: 1px 1px 3px rgba(3,21,35,0.7);*/
    text-align: center;
}

#myImage {
  width: 100%;
  height: auto;
    
}


#bottomBanner {
    width:auto;
	height:300px;
    bottom:0px;
	margin-left:auto;
	margin-right:auto;
    margin-bottom:-10px;
	background-color:#3e93fc;
    
}


#socialMedia {
    width:440px;
	height:50px;
    margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	background-color:;
    
}


#socialmediaSpacer {
    width:500px;
	height:50px;
    margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	background-color:;
    
}


#socialIcon {
    width:50px;
	height:50px;
    margin-top:0px;
    float:left;
	margin-left:15px;
	margin-right:auto;
	background-color:;
    
}

#socialIcon:hover {
    width:50px;
	height:50px;
    margin-top:0px;
    float:left;
	margin-left:15px;
	margin-right:auto;
    position: relative;
    overflow: visible;
	background-color:;
    cursor:pointer;
    opacity: 0.3;
    transition: 0.3s; 
    
}


#socialmediaText {
    width:110px;
	height:20px;
    margin-top:15px;
    float:left;
    color:white;
    font-family: 'barlow semibold';
    letter-spacing:2px;
    font-size:12px;
	margin-left:auto;
	margin-right:auto;
    position: relative;
    overflow: visible;
	background-color:;
    
}


#allRights {
    width:500px;
	height:20px;
    margin-top:30px;
	margin-left:auto;
	margin-right:auto;
    position: relative;
    overflow: visible;
	background-color:;

    font-size:12px;
    font-family: 'barlow semibold';
    letter-spacing:4px;
    text-align: center;
    color:white;


    
}