/* screen size */
@media only screen and (min-width: 1300px) {
.iot-intro {
background-size: 100%;
height: 700px;
padding-top: 20px;
}
}
@media only screen and (max-width: 1150px) {
.navbar {
padding-left: 20%;
}
.navbar-a, .navbar-service-dropdown {
padding: 20px 10px;
font-size: 16px;
}
}
@media only screen and (max-width: 1000px) {
.navbar{
display: none;
}
.mobile-menu{
width: 5%;
position: absolute;
z-index: 10;
display: block;
font-size: 35px;
color: white;
right: 30px;
 display: block;
}

.mobile-menu-container {
background: white;
position: absolute;
right: -30px;
width: 240px;
z-index: 900;
top: 50px;
display: none;
}
.mobile-menu-container  a {
font-size: 16px;
 color: black;
padding: 7px 10px;
 display: block;
 border-bottom: 1px solid lightgrey; 
}
.contact-message {
    width: 90%;
margin: auto;
height:fit-content;
}
.contact-form {
width:  90%;
margin: auto;
}
input {
width: 82%;
}
textarea{
width: 82%;
}
}
@media only screen and (max-width: 900px) {
h1, h2,h3,h4,h5,h6,p{
margin-top: 10px;
margin-bottom: 10px;
}
h1{
 font-size: 28px;   
} 
h2{
font-size: 24px; 
}
h3{
font-size: 20px;        
}
h4{
font-size: 18px; 
}        
h5{
font-size: 16px; 
}h6{
font-size: 14px; 
}
p{
font-size: 14px;
}
.it-left {
float: none;
width: 60%;
margin: auto;
}
.it-right {
float: none;
width: 90%;
margin: auto;
}
.container-header {
margin-top: 20px;
padding: 0px 40px 0px;
}

.caption{
 height:270px;
}

.expertise-block {
width: 46%;
min-height: 260px;
}
.company-attributes {
width: 48%;
padding: 0px 3px;
}
.company-attributes p,
.company-attributes h4{
width: 90%;
text-align: center;
}
.footer-top{
height: 350px;
}
.footer-top-item{
 width: 100%;
}
.footer-top-item.menu{
 padding: 0px 0px;
 text-align: center;
}
.footer-top-item.social{
 padding: 0px 0px;
 text-align: center;
}
.footer-bottom{
 height: 150px;
}
.footer-bottom-item{
width: 100%;
}
}
@media only screen and (max-width: 700px){
}
@media only screen and (max-width: 500px){
.logof img {
width: 150px;
height: 40px;
}
.page-main img{
height: 300px;
}

.content.it img, 
.content.iot img {
width:  100%;
object-fit: cover;
height: 300px;
}
.content.it img,
.content.iot img {
 float: none
}
.caption{
text-align: center
}
.content.iot .caption,
.content.it .caption{
position:unset
}
.expertise-block {
width: 100%;
min-height: 260px;
float: none;
margin: auto;
}
.slide-container {
top: 150px;
}
#submit{
left: 200px;
}
.page-right,
.page-left{
width: 100%;
}
.page-container{
padding: 0px 20px;
}
.company-attributes {
 width: 90%;
 margin: auto;
 float: none
}
.company-attributes img {
 width: 100%;
height: 200px
}
.page-main h1 {
margin: 100px 2%;
}
.page-main h2, .page-main h3 {
margin: 200px 2%;
top: -40px;
}

.expertise-block {
width: 44%;
min-height: 300px;
}
button {
width: 200px;
height:  50px;
font-size: 21px;
}
#company {
width: 100%;
height: 500px;
object-fit: cover;
}
.company-content {
margin: 0px 0px;
}

}