.container {
    height: 100%;
    font-size: 100px;
}

.row {
    align-items: center;
    text-align: center;
    height: 100%;
}

.s-one {}

.s-two {
    color: #fff;
    
}

.s-three {
    color: #fff;
    
}

.scroll-control {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateX(-50%);
    z-index: 999;
}

.scroll-control span {
    cursor: pointer;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin: 10px 0;
    
    opacity: 0.7;
}

.scroll-control span:hover {
    opacity: 1;
}

@media all and (max-width: 1023px) {
    .scroll-control span {
        display: none;
    }
}

.w3-tangerine {
    font-family: 'Great Vibes', cursive;  e4d7b4
}

.pattern {
    background: radial-gradient(circle at center ,#c3b075, #c3b075 10%, transparent 10%, transparent  20%, #c3b075 20%, #c3b075 30%, transparent 30%, transparent 40%, #c3b075 40%, #c3b075 50%, transparent 50%, transparent 60%, #c3b075 60%, #c3b075 70%, transparent 70%, transparent 80%, #c3b075 80%, #c3b075 90%, transparent 90%);
background-size: 1em 1em;
background-color: #e1c26d;






}

.pattern2 {

    background: radial-gradient(circle at center ,#c3b075, #c3b075 10%, transparent 10%, transparent  20%, #c3b075 20%, #c3b075 30%, transparent 30%, transparent 40%, #c3b075 40%, #c3b075 50%, transparent 50%, transparent 60%, #c3b075 60%, #c3b075 70%, transparent 70%, transparent 80%, #c3b075 80%, #c3b075 90%, transparent 90%);
    background-size: 1em 1em;
    background-color: #d4b560;


}

span {
	
    color: black;
    font-size:14px;
   
   
  }