.navbar{
    height: 80px;
    background: #333333;
    border-color: #333333;
}

.link-nav{
    margin-top: 16px;
    color: white;
}

.text-nav{
    margin-top: 30px;
}

.navbar-text{
    font-size: 16px;
}

.main-body{
    margin: 0 auto;
    padding-top: 75px;
    padding-left: 20px;
    width: 1200px;
    height: auto; 
    background-color: lightgrey;
    text-align: center;

}

body{
    background-color: #555555;
}

#mobile{
    height: 500px;
}

#heading h1{
    text-align: center;
    color: #a52c37;
    margin-top: 50px;
    max-width:  width: 450px;
}

h3{
    text-align: center;
    color: #a52c37;
}


p{
    max-width: 450px;
    margin: 0 auto;
}




#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 565px; 
    height: 280px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

#slideshow2 { 
    margin: 50px auto; 
    position: relative; 
    width: 330px; 
    height: 420px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow2 > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

#slideshow3 { 
    margin: 50px auto; 
    position: relative; 
    width: 830px; 
    height: 900px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow3 > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

ul{
    list-style: none;
}


#uxmobile{
    width: 400px;
    height: 700px;
}

#uxdesktop{
    width: 1100px;
    height: 1400px;
}

#inmobile{
    width: 500px;
    height: 900px;
}

#indesktop{
    width: 1150px;
    height: 1400px;
}